Default Dev Script Validation

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">  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.furniturefairoutlet.com/" target="_blank"> <span class="fas fa-tags dsg-block-28-header-before__icon"></span> Shop Our Outlet </avb-link>   </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: #0A4689; font-family: 'Montserrat', 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: 1.1rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: clamp(0.85rem, 2.1vw, 1.1rem); transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #fff; text-decoration:underline; } .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>

<avb-main>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-27__content">  <h1 class="avb-typography__headline dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-tools-nom dsg-block-27__heading"> Current Ads </h1> </div> </div> </div> </avb-designer-block>     <avb-promotions data-type="custom" data-banner-id="765785"></avb-promotions>  <avb-promotions data-type="custom" data-banner-id="766782"></avb-promotions>  <avb-promotions data-type="custom" data-banner-id="767595"></avb-promotions>      <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <avb-lightbox-item class="dsg-block-30-lightbox-item" data-autoplay playsinline data-type="video" data-src="https://cdn.avbportal.com/magento-media/members/bs0058-furniture-fair/FurnitureFair-0625-4thOfJulySale.mp4"> <span class="fa-regular fa-circle-play dsg-tools-color-light dsg-block-30__icon"></span> <avb-picture class="avb-picture dsg-block-30-picture" data-alt="Furniture Fair 4th of July Sale - Watch Now"> <avb-picture-source class="dsg-block-1-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/bs0058-furniture-fair/br_BS0058_4th-july-25_he-med.jpg?w=600"></avb-picture-source> </avb-picture> </avb-lightbox-item> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Header Text (block-27) ==================== */ /* ==================== "No Current Ads" Text (block-27) ==================== */ .dsg-block-27 { margin: 0; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__content--check-back { padding: 0 0.5rem 0.5rem; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-27__content { padding: 1rem; } .dsg-block-27__content--check-back { padding: 0 1rem 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-27__content { padding: 2rem; } .dsg-block-27__content--check-back { padding: 0 2rem 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Single Ad (block-30) ==================== */ .dsg-block-30 { margin: 1rem; } .dsg-block-30__picture { width: fit-content; height: 100%; max-height: 300px; } .dsg-block-30__image { width: 100%; height: 100%; object-fit: contain; } .dsg-block-30-link { display: block; width: fit-content; height: 100%; max-height: 300px; margin: 0 auto; } .dsg-block-30-lightbox-item { width: fit-content; margin: 2rem auto 0; } .dsg-block-30__icon { position: absolute; width: 100%; height: 100%; display: grid; justify-content: center; align-items: center; background-color: #30303099; font-size: 5rem; color: #FFF; text-shadow: 0px 4px 7px #00000078; opacity: 1; transition: all .3s ease-in-out; } .dsg-block-30__icon:hover { opacity: 0; transition: all .3s ease-in-out; } .dsg-block-30-picture, .dsg-block-30-image { display: block; } .dsg-block-30-image { max-height: 29rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* ==================== Single Ad CTA Button (block-26) ==================== */ .dsg-block-26 { margin: 0; } .dsg-block-26__content { padding: 0.5rem; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-26__content { padding: 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-26__content { padding: 2rem; } } @media screen and (min-width: 1600px) {} </style>

Current Ads

Join Our VIP List