Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li> <avb-header-after>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30-ha"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-30-ha__grid-column"> <avb-link is="a" class="dsg-block-30-link" data-href="https://www.fbsappliance.com/current-sales"> <avb-picture is="picture" class="avb-picture avb-picture--full" data-alt="Black november year end closeout - save up to 40% off cost on overstock, aged inventory and out of box models - shop now"> <avb-picture-source is="source" class="dsg-block-30-ha__image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/bs0054-fbs/br_BS0054-black-november-savings-ha-sml.jpg"></avb-picture-source> <avb-picture-source is="source" class="dsg-block-30-ha__image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/members/bs0054-fbs/br_BS0054-black-november-savings-ha-sml.jpg"></avb-picture-source> <avb-picture-source is="source" class="dsg-block-30-ha__image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/members/bs0054-fbs/br_BS0054-black-november-savings-ha-med.jpg"></avb-picture-source> <avb-picture-source is="source" class="dsg-block-30-ha__image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/members/bs0054-fbs/br_BS0054-black-november-savings-ha-lrg.jpg"></avb-picture-source> <avb-picture-source is="source" class="dsg-block-30-ha__image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/members/bs0054-fbs/br_BS0054-black-november-savings-ha-lrg.jpg"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </avb-designer-block> </avb-header-after> <style> .dsg-block-28-header-after-grid__column--noPad { padding-left: 0px; padding-right: 0px; } .dsg-block-28-header-after-no-margin-bottom { margin-bottom: 0px; } .dsg-block-28-header-after { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-28-header-after__link { color:white; font-weight: 100; } .dsg-block-28-header-after__link:hover { color:#cbc8c4; } .dsg-block-28-header-after__content { padding: 0.5rem; text-align: center; background-color: #eb2426; color: white; font-weight: 100; } .dsg-block-28-header-after__content-bold { font-weight: bold; } .dsg-block-28-header-after__heading { margin-bottom: 0; color:white; font-weight: 100; font-size: 16px; margin-top: .1rem; letter-spacing: 1px; } @media screen and (min-width: 600px) { .dsg-block-28-header-after { margin-top: 0rem; margin-bottom: 0rem; } } @media screen and (min-width: 960px) { .dsg-block-28-header-after { margin-top: 0rem; margin-bottom: 0rem; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-after { margin-top: 0rem; margin-bottom: 0rem; } } @media screen and (min-width: 1600px) { .dsg-block-28-header-after { margin-top: 0rem; margin-bottom: 0rem; } } .dsg-block-30-ha__grid-column { padding-left: 0; padding-right: 0; } </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>

Thermador® 30" Trim Kit

At a Glance

Get to know this product.

Product Overview

Product Overview

Useful Documents

Specifications

General Specs

More From the Manufacturer

SIGN UP FOR SAVINGS

General Specs
Width (in.)	30