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-canada-ha"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27-canada-ha__no-padding"> <avb-link class="avb-wrapper dsg-block-27-canada-ha__content" data-href="https://www.colemansbrandsource.ca/warehouse-blowout">  <avb-picture class="avb-picture avb-picture--full dsg-block-27-canada-ha-picture" data-alt="$6 Million Warehouse Blowout Sale. We are moving warehouses, so we would rather sell it than move it - shop now"> <avb-picture-source class="dsg-block-27-canada-ha-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members-canada/cn0007-colemans/ca_CN0007_warehouse-blowout-25_ha-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-27-canada-ha-image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/members-canada/cn0007-colemans/ca_CN0007_warehouse-blowout-25_ha-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-27-canada-ha-image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/members-canada/cn0007-colemans/ca_CN0007_warehouse-blowout-25_ha-med.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-27-canada-ha-image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/members-canada/cn0007-colemans/ca_CN0007_warehouse-blowout-25_ha-lrg.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-27-canada-ha-image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/members-canada/cn0007-colemans/ca_CN0007_warehouse-blowout-25_ha-lrg.jpg"></avb-picture-source> </avb-picture> </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-canada-ha__no-padding { padding: 0; } /*.dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; background-color: #E9E9E9; color: #fff; text-align: center; } .dsg-block-27-header-after__content:hover { color: #ff0000; } .dsg-block-27-header-after__headline { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.15rem; 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></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before> <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-28-header-before"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28__no-padding dsg-block-28-header-before__headline"> <span class=""> <avb-link class="dsg-block-28-header-before-link dsg-block-28-header-before--bold" data-href="https://www.colemansbrandsource.ca/current-ads"> <span class="fas fa-table dsg-block-28-header-before__icon"></span> Current Ads </avb-link> <span class="dsg-block-display">&nbsp;&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;&nbsp;</span> <avb-link class="dsg-block-28-header-before-link dsg-block-28-header-before--bold" data-href="https://www.colemansbrandsource.ca/contacts"> <span class="fas fa-map-marker-alt dsg-block-28-header-before__icon"></span> Find a Location </avb-link> <span class="dsg-block-display">&nbsp;&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;&nbsp;</span> <avb-link class="dsg-block-28-header-before-link dsg-block-28-header-before--bold" data-href="https://www.colemansbrandsource.ca/fairstone-financing"> <span class="far fa-credit-card dsg-block-28-header-before__icon"></span> Financing Apply Now </avb-link> </span> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-28-header-before { padding: 0; } .dsg-block-28-header-before__headline { padding: .8rem; text-align: center; background-color: #efefef; color: #e31837!important; text-align: center; font-family: "Lato", sans-serif; } .dsg-block-28-header-before-link{ color: #e31837!important; } .dsg-block-28-header-before-link:hover{ color: #e31837!important; text-decoration: underline; } .dsg-block-mobile { display: block; } .dsg-block-display { display: none; } .dsg-block-28-header-before__icon{ display:inline-block; margin-right:0.25rem; } .dsg-block-28-underline { color: #fff !important; } .dsg-block-28-header-before__wrap { color: #ffffff!important; } .dsg-block-28-header-before__wrap:hover { color: #ffffff; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:visited, .dsg-block-28-header-before-link:focus { color: #333!important; text-decoration: none; width: 100%; display: inline-block; margin-bottom: 0.5rem; } .dsg-block-28-header-before-link:hover { color: #777!important; } .dsg-block-28-header-before--bold { font-weight: 700; } @media screen and (min-width: 600px) { .dsg-block-mobile { display: none; } .dsg-block-display { display: inline; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:visited, .dsg-block-28-header-before-link:focus { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

My List

Sign Up for Our Newsletter