diff --git a/blocks/v2-images-grid/v2-images-grid.css b/blocks/v2-images-grid/v2-images-grid.css index ebbf058f0..fa1da3c95 100644 --- a/blocks/v2-images-grid/v2-images-grid.css +++ b/blocks/v2-images-grid/v2-images-grid.css @@ -72,12 +72,12 @@ text-align: center; position: absolute; bottom: 10px; - padding: 9px; + padding: 9px 9px 7px; color: var(--c-primary-white); background-color: var(--c-secondary-graphite); right: 10px; text-transform: uppercase; - font: var(--body-2-font-size)/16px var(--ff-body); + font: 12px/16px var(--ff-body-bold); letter-spacing: 1.92px; } } \ No newline at end of file diff --git a/blocks/v2-images-grid/v2-images-grid.js b/blocks/v2-images-grid/v2-images-grid.js index e9862b353..25b0dd071 100644 --- a/blocks/v2-images-grid/v2-images-grid.js +++ b/blocks/v2-images-grid/v2-images-grid.js @@ -20,7 +20,6 @@ export default function decorate(block) { // give format to the first 4 list items [...ul.children].forEach((li, idx) => { if (idx < 4) { - const section = createElement('div'); const captionEle = getAllElWithChildren(li.querySelectorAll('p'), 'picture', true)[0]; let picture = li.querySelector('picture'); @@ -37,13 +36,9 @@ export default function decorate(block) { picture.append(figCaption); } - // Move image outside of the wrapper - section.prepend(picture); + li.innerHTML = ''; - // Remove caption element - captionEle.remove(); - - li.append(section); + li.append(picture); return; } li.remove();