Default Dev Script Validation

Default Header After Global Promotions

<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-block-27__headline dsg-tools-kiosq3-main-heading dsg-tools-kiosq3-color-primary">Home Decor</h1> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43__grid-column"> <ul class="avb-list avb-list--horizontal dsg-block-43-list"> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/home-accents"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Home Accents"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Home_Accents.jpg?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Home Accents</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/throw-pillows"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Throw Pillows"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Throw_Pillows.png?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Throw Pillows</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/throw-blankets"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Throw Blankets"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Throw_Blankets.jpg?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Throw Blankets</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/rugs"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Rugs"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Rugs.jpg?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Rugs</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/wall-art"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Wall Decor"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Wall_Art.jpg?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Wall Decor</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/kiosq3-lighting"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Lighting"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Lighting.png?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Lighting</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/home-decor-mirrors"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Mirrors"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/mirrors.png?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Mirrors</span> </avb-link> </li> <li class="avb-list__item dsg-block-43-list-item"> <avb-link class="dsg-block-43-link" data-href="https://kiosq.pricepointfurniture.com/catalog/fireplaces"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="Fireplaces"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Fireplaces.jpg?w=100"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq3-text">Fireplaces</span> </avb-link> </li> </ul> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header (block-27) =================== */ .dsg-block-27 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-27__content { padding: 0.5rem; text-align: left; background-color: rgba(241, 241, 241, 0); } .dsg-block-27__headline { margin-bottom: 0; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 1rem; margin-bottom: 1rem; } } /* =================== Product Grid (block-43) =================== */ .dsg-block-43 { text-align: center; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43-list { justify-content: left; padding: 0 1rem; } .dsg-block-43-list-item { width: 100%; background-color:#fff; border-radius: 10px; box-shadow: 0 0 5px #e4e4e4; text-align: left; padding: .5rem 1rem; margin:0 0 .5rem; transition: all .2s ease-in-out; } .dsg-block-43-list-item:hover { transform: scale(1.1); } .dsg-block-43-picture { vertical-align:middle; } .dsg-block-43-link { display:block; } @media screen and (min-width: 600px) { .dsg-block-43-list { padding: 0 1rem; } .dsg-block-43-list-item { width: 48%; text-align: center; margin: 0 .5rem .5rem 0; } } @media screen and (min-width: 960px) { .dsg-block-43-list-item { text-align: left; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-43-list-item { width: 32%; background-color:#fff; border-radius: 10px; box-shadow: 0 0 5px #e4e4e4; text-align: left; padding: .5rem 1rem; margin-bottom: .5rem; } } </style>