Default Dev Script Validation

<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"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.edkellum.com/moving-event">  <span class="dsg-block-27-header-after__headline"> Looking for Incredible Appliance Specials? Ed Kellum Uptown is Moving and Everything Must Go! <span class="dsg-block-27-header-after__underline">Learn&nbsp;More.</span> </span>   </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:active, .dsg-block-27-header-after__content:focus { display: block; background-color: #25408f; color: #fff; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { color: rgb(255 255 255 / 75%); } .dsg-block-27-header-after__content:hover .dsg-block-27-header-after__underline { text-decoration: underline; color: #fff; } .dsg-block-27-header-after__headline { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: clamp(0.8rem, 1.9vw, 1.1rem); line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

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="dsg-block-28-header-before__heading">  <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-block-28-header-before__link" data-href="/personal-shopper" target="_blank">  <span class="fal fa-calendar-check dsg-block-28-header-before__icon"></span> <span class="dsg-block-28-header-before__mobile"> Book Consult</span> <span class="dsg-block-28-header-before__desktop"> Book a Consult</span> </avb-link> <avb-link class="dsg-tools-ff-secondary dsg-tools-fw-light dsg-tools-color-dark dsg-block-28-header-before__link" data-href="https://www.star-power.com/look-book">  <span class="fal fa-book-open dsg-block-28-header-before__icon"></span> View Look Book </avb-link> </span> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.5rem 1rem; background-color: #25408f; } .dsg-block-28-header-before__heading { display: inline-block; color: #fff; font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { transition: 0.3s; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; font-size: clamp(.7rem, 2.5vw, 1rem); color: #fff; margin-right: 1rem; } .dsg-block-28-header-before__icon { font-size: 0.9rem; } .dsg-block-28-header-before__link:hover { color: rgb(255 255 255 / 75%); } .dsg-block-28-header-before-image { width: 9rem; } .dsg-block-28-header-before-picture { width: 8rem; margin-right: .3rem; vertical-align: middle; transform: translateX(7px) translateY(-1px); transition: 0.3s; } .dsg-block-28-header-before__link:hover .dsg-block-28-header-before-picture { opacity: 0.7; } .dsg-block-28-header-before__desktop { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__icon { font-size: 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-28-header-before__content { text-align: right; padding: 0.5rem 5rem; } .dsg-block-28-header-before__icon { font-size: 1.1rem; } .dsg-block-28-header-before-image { width: 11rem; } .dsg-block-28-header-before__desktop { display: inline-block; } .dsg-block-28-header-before__mobile { display: none; } } @media screen and (min-width: 1600px) {} </style>

General Specs
Color Finish Name	Gold
Color	Gold

Whirlpool Dishwasher Extras-Other-W10685193

At a Glance

Get to know this product.

Product Overview

Product Overview

Specifications

General Specs

More From the Manufacturer

Starpower