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">  <span class="dsg-block-27-header-after__content"> <avb-link class="avb-wrapper dsg-block-27-header-after__headline" data-href="https://www.southeaststeel.net/catalog/special/brandsource_point_of_sale_marketing/In%20Stock">Need it Fast? Shop Online &amp; Pickup In&#8209;Store&nbsp;Today! </avb-link> <span class="dsg-block-27-header-after__desktop">|</span> <avb-link class="avb-wrapper dsg-block-27-header-after__headline" data-href="https://www.southeaststeel.net/financing"> Buy Now, Pay Later with Quick &amp; Easy Financing &mdash; Apply&nbsp;Today</avb-link> </span>   </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 { display: block; background-color: #262B40; color: #fff; text-align: center; padding: 0.55rem; font-family: "Special Gothic", sans-serif; font-weight: 400; font-size: clamp(0.7rem, 1.9vw, 1.1rem); line-height: 1.3; transition: .3s; } .dsg-block-27-header-after__headline, .dsg-block-27-header-after__headline:active, .dsg-block-27-header-after__headline:focus, .dsg-block-27-header-after__headline:visited { font-family: "Special Gothic", sans-serif; font-weight: 400; color: #fff; font-size: clamp(0.7rem, 1.9vw, 1.1rem); line-height: 1.3; transition: .3s; display: block; } .dsg-block-27-header-after__headline:hover { color: #76ABCB; } .dsg-block-27-header-after--bold { font-weight: 700; } .dsg-block-27-header-after__desktop { display: none; } @media screen and (min-width: 600px) { .dsg-block-27-header-after__headline, .dsg-block-27-header-after__desktop, .dsg-block-27-header-after__headline:active, .dsg-block-27-header-after__headline:focus, .dsg-block-27-header-after__headline:visited { 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="avb-typography__heading dsg-block-28-header-before__heading">  <span class="dsg-block-28-header-before__location-mobile"> <avb-link class="dsg-block-28-header-before__link" data-href="https://www.southeaststeel.net/catalog/special/brandsource_point_of_sale_marketing/In%20Stock"> Shop Our Huge Inventory of In Stock&nbsp;Appliances </avb-link> <span class="dsg-block-28-header-before__hider-mobile"> | </span> </span> <span class="dsg-block-28-header-before__location-mobile"> <avb-link class="dsg-block-28-header-before__link" data-href="https://www.southeaststeel.net/contacts"> Tons of Appliances on Display in our Showroom &#8209; Visit Us&nbsp;Today </avb-link>  </span>  </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.55rem; background-color: #2D447B; font-family: "Special Gothic", sans-serif; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: clamp(0.7rem, 2vw, 1.1rem); } .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: clamp(0.7rem, 2vw, 1.1rem); transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #76ABCB; } .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; } } @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

Join Our VIP List

General Specs
Width (in.)	30