Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-designer-block data-id="44" class="avb-typography dsg-block-44-mini_1b"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp">  <div class="avb-list avb-list--horizontal dsg-block-44-list-mini_1b dsg-block-44-mini-background">  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper">  <p class="avb-typography__paragraph dsg-block-44__mini_1b-title"> July 4th Savings </p> <p class="avb-typography__paragraph dsg-block-44__mini_1b-paragraph"> Save Up to 40% + Up to $500 Back </p> </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-block-44__mini_1b-date"> Valid 6/18 to 7/9 </p>  <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__button_mini_1b" data-href="https://www.fbsappliance.com/current-sales"> <span class="dsg-block-44__mini_1b-text">SHOP NOW</span> </avb-link> </div> </div> </div> </div> </div> </div> </div> </avb-designer-block> <style> @import url("https://use.typekit.net/rkr7lcd.css"); /**block-44**/ .dsg-block-44-mini_1b { margin-top: 0; margin-bottom: 0; background-color: #FFADFA; } .dsg-block-44-mini-background { background: linear-gradient(300deg,deepskyblue,#0043c0,#b1282a,#ff0000); background-size: 240% 240%; animation: gradient-animation 24s ease infinite; } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .dsg-block-44-list-mini_1b { list-style: none; justify-content: center; margin-bottom: 0; } .dsg-block-44-list-item-mini_1b { display: flex; flex-direction: column; flex-basis: auto; max-width: fit-content; margin: 0; padding: 0 0.5rem; text-align: center; align-items: center; justify-content: center; } /** NOTE -- Change to flex: 1; if you'd like the column width to auto adjust to the space with no specific width limit **/ .dsg-block-44-list-item-mini_1b:first-child { padding-bottom:0; padding-left:0; flex: 0 0 100%; max-width: 100%; order: 1; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; order: 2; } .dsg-block-44__background-mini_1b { width: 100%; padding: 0rem; } .dsg-block-44__content-mini_1b { text-align: center; padding: 0rem; margin-bottom: 0; margin-top: 0; } .dsg-block-44__mini_1b-title { margin: 0 0.5rem 0 0.5rem; color:#fff; text-align:center; font-size: 1.1rem; line-height:1.1rem; font-weight: 600; padding:0; font-family: "ivymode", sans-serif; font-weight: 700; font-style: normal; } .dsg-block-44__mini_1b-paragraph { margin: 0.3rem 0.1rem 0.3rem; color:#fff; text-align:center; font-size: 0.8rem; line-height:1rem; font-weight: 400; padding:0; font-family: "ivymode", sans-serif; font-weight: 400; font-style: italic; } .dsg-block-44__mini_1b-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 0.65rem; line-height: 0.75rem; font-weight: 600; padding:0 0.1rem 0; color:#fff; text-align: center; } .dsg-block-44__image-mini_1b { padding: 0rem; width: 50%; max-width: 250px; margin: 0 auto; } .dsg-block-44__mini_1b-text{ display: block; line-height: normal; } .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { background: #fff; color:#5528aa; border-radius: 30px; border:solid 2px #fff; font-weight: 600; font-size: 0.75rem; margin: 0; padding: 0.5rem 2rem; min-height: 10px; justify-content: center; } .dsg-block-44__button_mini_1b:hover, .dsg-block-44__button_mini_1b:active { color:#fff; border:solid 2px #fff; background-color:none; } @media screen and (min-width: 600px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { min-height: 0; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; } .dsg-block-44__mini_1b-date { font-size: 0.75rem; line-height: 0.75rem; } .dsg-block-44-list-item-mini_1b:first-child { flex-basis: auto; max-width: fit-content; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; } .dsg-block-44__image-mini_1b { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { font-size: 1rem; line-height: 1rem; min-height: 30px; justify-content: center; } .dsg-block-44-list-item-mini_1b:first-child { margin-bottom: 0.5rem; margin-top: 0.5rem; } .dsg-block-44__mini_1b-title { font-size: 1.3rem; line-height:1.3rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height:1rem; } .dsg-block-44__mini_1b-date { text-align: center; font-size: 0.75rem; line-height: 0.75rem; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-list-item-mini_1b { flex: 1; padding: 0 0.25rem; } */ .dsg-block-44__image-mini_1b{ margin: 0 auto; padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-44-list-item-mini_1b { flex: 1; } .dsg-block-44__mini_1b-title { font-size: 1.5rem; line-height: 1.5rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-44__mini_1b-title { font-size: 1.8rem; line-height: 1.8rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1.2rem; line-height: 1.2rem; } } </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-tools-nomp dsg-tools-main-paragraph dsg-block-28-header-before__content"> <span class="fa-solid fa-location-dot dsg-block-28-header-before__icon"></span>  <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.fbsappliance.com/contacts"> Find a Location </avb-link> <span class="fa-solid fa-comments dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://tawk.to/chat/63c1b6f1c2f1ac1e202d53e2/1gmmb581u" target="_blank"> Chat With Us </avb-link> <span class="fa-solid fa-wrench dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.fbsappliance.com/customer-service"> Customer Service </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before, .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:active { color: #FFF; transition: all 0.2s ease-in-out; font-size: 1rem; } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background: #AF9C87; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #FFF; text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: #0D0907; } /*.dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; }*/ @media screen and (min-width: 600px) { /*.dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; }*/ .dsg-block-28-header-before__link, .dsg-block-28-header-before, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:hover, .dsg-block-28-header-before__link:active { font-size: 1.1875rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

PRO RANGE TOP ANY SIZE INSTALL

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

SIGN UP FOR SAVINGS