Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding dsg-block-27-header-after__headline"> <span class=""> <span class="fa-solid fa-credit-card dsg-block-28-header-before__icon"></span> <avb-link class="dsg-block-27-header-after__content " data-href="https://www.bellsapplianceinc.com/financing"> Take More Time to Pay with Quick &amp; Easy Financing » </avb-link> </span> </div> </avb-designer-block> </avb-header-after>  <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { padding: 0; } .dsg-block-27-header-after__headline { padding: .8rem; text-align: center; background-color: #fc4102; color: #ffffff; text-align: center; font-family: 'Work Sans', sans-serif; } .dsg-block-display { display: none; } .dsg-block-mobile { display: block; } .dsg-block-display { display: none; } .dsg-block-27-underline { color: #fff !important; } .dsg-block-27-header-after__wrap { color: #ffffff; } .dsg-block-27-header-after__wrap:hover { color: #ffffff; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { color: #ffffff; text-decoration: none; width: 100%; display: block; margin-bottom: 0.5rem; transition: 0.3s; } .dsg-block-27-header-after__content:hover { letter-spacing: 1px; color: #ffffff; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) { .dsg-block-mobile { display: none; } .dsg-block-display { display: inline; } .dsg-block-display { display: inline; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </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-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content"> <span class="fa-solid fa-washing-machine dsg-block-28-header-before__icon"></span> Save On Delivery On Purchases Of $399+! <span class="dsg-block-display">&nbsp;&nbsp; | &nbsp;&nbsp;</span> <avb-link class="dsg-block-28-header-before-link" data-href="return-and-store-policies#shipping-costs"> Click Here To Learn More » </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #252525; font-family: 'Work Sans', sans-serif; color: #fff; } .dsg-block-link-color { color: inherit; } .dsg-block-26_shopchat__bold { font-weight: bold; } .dsg-block-display { display: none; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:visited { color: #fff; font-weight: 400; font-size: 1.1rem; transition: 0.3s; display: inline-block; padding: .2rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-link:hover { letter-spacing: 1px; } .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-link:focus, .dsg-block-28-header-before-link:visited { font-size: .9rem; display: inline; } .dsg-block-28-header-before__content { font-size:.9rem; } .dsg-block-display { display: inline; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:visited { font-size: 1.1rem; display: inline; } .dsg-block-28-header-before__content { font-size:1.1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Dishwasher Installation Kit

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

SIGN UP FOR SAVINGS