Default Dev Script Validation

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-HB-wc"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-block-28-HB-wc__content"> <ul class="avb-list avb-list--horizontal dsg-block-28-HB-wc-list"> <li class="avb-list__item dsg-block-28-HB-wc-list-item dsg-block-28-HB-wc__gradient"> <div class="dsg-tools-main-paragraph dsg-block-28-HB-wc-desktop"> <avb-link class="dsg-block-28-HB-wc__link-sml" data-href="https://www.yaleappliance.com/save"> <span class="dsg-block-28-HB-wc-text"> <i class="fa-solid fa-circle-dollar"></i>&nbsp;Secure Your Pricing Today To Protect Your Wallet! </span> <span class="avb-button dsg-tools-secondary-button dsg-block-28-HB-wc-button-sml">Click to Learn More!</span> </avb-link> </div> <div class="dsg-tools-main-paragraph dsg-block-28-HB-wc-mobile"> <avb-link class="dsg-block-28-HB-wc__link-sml" data-href="https://www.yaleappliance.com/save"> <i class="fa-solid fa-warehouse-full"></i>&nbsp;Secure Your Pricing Today To Protect Your Wallet! </avb-link> </div> </li>   <li class="avb-list__item dsg-block-28-HB-wc-list-item dsg-tools-fill-accent dsg-block-28-HB-wc__right"> <avb-link class="avb-button dsg-tools-main-button dsg-block-28-HB-wc__button" data-href="https://www.yaleappliance.com/showroom-visit"> Schedule Your Visit Today </avb-link> </li>  </ul> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header Before START ==================== */ /* ==================== Designer Tools (dsg-tools) ==================== */ .dsg-tools-color-main { color: #163b92; } .dsg-tools-color-dark{ color: #555555; } .dsg-promo__button, .dsg-promo__button:visited, .dsg-promo__button:focus, .dsg-promo__button:active{ background: #ff2030; border: 1px solid #ff2030; background-image: -webkit-linear-gradient(90deg, #FDBE4F 50%, transparent 50%); background-image: linear-gradient(90deg, #163b92 50%, transparent 50%); background-position: 100%; background-size: 405%; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; color: #ffffff; } .dsg-promo__button:hover { letter-spacing: .05rem; border: 1px solid #ffffff; color: #ffffff; } /* ==================== Header-before (block-28-HB) ==================== */ .dsg-block-28-HB-wc { } .dsg-block-28-HB-wc__mobile-content { display: flex; font-size: .8rem; letter-spacing: .03em; text-align: center; margin: auto; max-width: 100%; } .dsg-block-28-HB-wc__desktop-content { margin: auto; } .dsg-block-28-HB-wc__carousel { max-width: 100%; } .dsg-block-28-HB-wc-link { padding: 0 1rem; } .dsg-block-28-HB-wc__divider { padding: 0 1rem; } .dsg-block-28-HB-wc__color-white{ color: #ffffff; } .dsg-block-28-HB-wc__content { text-align: center; } .dsg-block-28-HB-wc-list { width: 100%; display: grid; grid-template-rows: auto; margin-bottom: 0; } .dsg-block-28-HB-wc-list-item { padding: .65rem 0; margin: 0; } .dsg-block-28-HB-wc__gradient { /*background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)),url(https://cdn.avbportal.com/magento-media/members/byal1-yale/byal1-earthday-pattern-1-v5.png) !important;*/ background-size:2000px; background-repeat:repeat; background-position:50% 100%; background-color: #163b92; } .dsg-block-28-HB-wc__paragraph { font-family: "Lexend Deca", sans-serif; line-height: 1; /* padding: 0 1rem; */ margin-bottom: .5rem; font-size: .8rem; } .dsg-block-28-HB-wc__bold-text { font-weight: bold; } .dsg-block-28-HB-wc__icon, .dsg-block-28-HB-wc__bold-text, .dsg-block-28-HB-wc__text { display: inline; margin-right: .5rem; } .dsg-block-28-HB-wc__link-sml, .dsg-block-28-HB-wc__link-sml:visited, .dsg-block-28-HB-wc__link-sml:focus, .dsg-block-28-HB-wc__link-sml:active{ display: inline-block; font-weight: bold; font-family: raleway, sans-serif; font-size:clamp(0.9rem, 2.5vw, 1rem); -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } .dsg-block-28-HB-wc__link-sml, .dsg-block-28-HB-wc__link-sml:active, .dsg-block-28-HB-wc__link-sml:focus, .dsg-block-28-HB-wc__link-sml:visited { color: #fff !important; } .dsg-block-28-HB-wc__link-sml:hover { color: #e5edff; } .dsg-block-28-HB-wc__right { padding: 0 !important; display: none; } .dsg-block-28-HB-wc__button, .dsg-block-28-HB-wc__button:active, .dsg-block-28-HB-wc__button:focus, .dsg-block-28-HB-wc__button:visited, .dsg-block-28-HB-wc__button:hover { width: 100%; height: 100%; border: none; font-weight: 600; margin: 0; } .dsg-block-28-HB-wc__hide { display: none !important; } .dsg-block-28-HB-wc-desktop{ display:none; } @media screen and (min-width: 600px) { .dsg-block-28-HB-wc__paragraph { font-size: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-28-HB-wc-list { grid-template-columns: auto 22rem; } .dsg-block-28-HB-wc-list-item { display: flex; justify-content: center; align-items: center; } .dsg-block-28-HB-wc-text { font-size: 0.8em !important; } .dsg-block-28-HB-wc__link-sml, .dsg-block-28-HB-wc__text, .dsg-block-28-HB-wc__link-sml:visited, .dsg-block-28-HB-wc__link-sml:focus, .dsg-block-28-HB-wc__link-sml:active, .dsg-block-28-HB-wc__link-sml:hover{ font-size:0.95rem; } .dsg-block-28-HB-wc__mobile-content { display: none; } .dsg-block-28-HB-wc__desktop-content { display: flex; } .dsg-block-28-HB-wc__right { display: block; } .dsg-block-28-HB-wc__paragraph { margin-top: .25rem; } } @media screen and (min-width: 1280px) { .dsg-block-28-HB-wc__gradient-2 { padding-left: 5%; } .dsg-block-28-HB-wc__link-sml, .dsg-block-28-HB-wc__text, .dsg-block-28-HB-wc__link-sml:visited, .dsg-block-28-HB-wc__link-sml:focus, .dsg-block-28-HB-wc__link-sml:active, .dsg-block-28-HB-wc__link-sml:hover{ font-size: clamp(0.9rem, 1.3vw, 1.25rem)!important; display:inline-flex; align-items:center; grid-gap:1rem; } .dsg-block-28-HB-wc__hide { display: inline-block !important; } .dsg-block-28-HB-wc-desktop{ display:block; } .dsg-block-28-HB-wc-mobile{ display:none; } } @media screen and (min-width: 1600px) { .dsg-block-28-HB-wc__gradient-2 { padding-left: 15%; } .dsg-block-28-HB-wc-text { font-size: 0.95em !important; } } /* ==================== Header Before END ==================== */ </style>

General Specs
Color	Custom
Installation Type	Built-In or Freestanding
Under The Counter Capable	Yes
Color Finish Name	Panel Ready
Custom Panel Ready	Yes

Yale Appliance Panel Ready UCR Beverage Center

At a Glance

Availability

Get to know this product.

Product Overview

Product Overview

Useful Documents

Specifications

General Specs

More From the Manufacturer

Unlock Your Ultimate Appliance Guide Now