Image Grid with hovered text – Template Library of Greenshift plugin

Copy code below, and paste it (CTRL+V) in content of page

<p>/ava</p>

<p>Grid with text on Hover effect (Hover effect is added in Advanced - Css transition)</p>

<div id="gspb_container-id-gsbp-ee0b2bf4-6dad" class="gspb_container gspb_container-gsbp-ee0b2bf4-6dad wp-block-greenshift-blocks-container alignwide">
<div id="gspb_container-id-gsbp-e8b8111e-b8d9" class="gspb_container gspb_container-gsbp-e8b8111e-b8d9 wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-3eb6907f-5767" class="gspb_container gspb_container-gsbp-3eb6907f-5767 wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-b157350e-d3ed" class="gspb_heading gspb_heading-id-gsbp-b157350e-d3ed ">SPRING</div>
</div>
</div>

<div id="gspb_container-id-gsbp-087faa39-5cea" class="gspb_container gspb_container-gsbp-087faa39-5cea wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-a3c967c4-9778" class="gspb_container gspb_container-gsbp-a3c967c4-9778 wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-b809b6e4-38db" class="gspb_heading gspb_heading-id-gsbp-b809b6e4-38db ">SUMMER</div>
</div>
</div>

<div id="gspb_container-id-gsbp-0df4cac5-5fe7" class="gspb_container gspb_container-gsbp-0df4cac5-5fe7 wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-f2457ce7-f7a1" class="gspb_container gspb_container-gsbp-f2457ce7-f7a1 wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-81cb5e1a-e18e" class="gspb_heading gspb_heading-id-gsbp-81cb5e1a-e18e ">WINTER</div>
</div>
</div>
</div>

<p>Grid with always visible text</p>

<div id="gspb_container-id-gsbp-66c56e3d-3177" class="gspb_container gspb_container-gsbp-66c56e3d-3177 wp-block-greenshift-blocks-container alignwide">
<div id="gspb_container-id-gsbp-3b99e44a-9500" class="gspb_container gspb_container-gsbp-3b99e44a-9500 wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-efa21202-48af" class="gspb_container gspb_container-gsbp-efa21202-48af wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-3f3d6c8e-36d2" class="gspb_heading gspb_heading-id-gsbp-3f3d6c8e-36d2 ">SPRING</div>
</div>
</div>

<div id="gspb_container-id-gsbp-e144191d-3c3a" class="gspb_container gspb_container-gsbp-e144191d-3c3a wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-217b8c02-2d0e" class="gspb_container gspb_container-gsbp-217b8c02-2d0e wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-bbd53648-d692" class="gspb_heading gspb_heading-id-gsbp-bbd53648-d692 ">SUMMER</div>
</div>
</div>

<div id="gspb_container-id-gsbp-8d14f277-a02b" class="gspb_container gspb_container-gsbp-8d14f277-a02b wp-block-greenshift-blocks-container hoveredclass">
<div id="gspb_container-id-gsbp-ba094fc7-a03c" class="gspb_container gspb_container-gsbp-ba094fc7-a03c wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-0ea66ee5-aa66" class="gspb_heading gspb_heading-id-gsbp-0ea66ee5-aa66 ">WINTER</div>
</div>
</div>
</div>

<p>Grid with visible text and hover effect</p>

<div id="gspb_container-id-gsbp-5842502f-59c9" class="gspb_container gspb_container-gsbp-5842502f-59c9 wp-block-greenshift-blocks-container alignwide">
<div id="gspb_container-id-gsbp-b1e8ca39-1cb3" class="gspb_container gspb_container-gsbp-b1e8ca39-1cb3 wp-block-greenshift-blocks-container hoveredclass"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_container-id-gsbp-dbd32554-7ada" class="gspb_container gspb_container-gsbp-dbd32554-7ada wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-480744fc-70bf" class="gspb_heading gspb_heading-id-gsbp-480744fc-70bf ">SPRING</div>
</div>
</div>

<div id="gspb_container-id-gsbp-37cc091e-f496" class="gspb_container gspb_container-gsbp-37cc091e-f496 wp-block-greenshift-blocks-container hoveredclass"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_container-id-gsbp-9dad55d9-403a" class="gspb_container gspb_container-gsbp-9dad55d9-403a wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-a945937e-81f5" class="gspb_heading gspb_heading-id-gsbp-a945937e-81f5 ">SUMMER</div>
</div>
</div>

<div id="gspb_container-id-gsbp-80d5b918-4732" class="gspb_container gspb_container-gsbp-80d5b918-4732 wp-block-greenshift-blocks-container hoveredclass"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_container-id-gsbp-48d72d19-0547" class="gspb_container gspb_container-gsbp-48d72d19-0547 wp-block-greenshift-blocks-container"><div class="gspb_backgroundOverlay"></div>
<div id="gspb_heading-id-gsbp-a4fa8558-dcd3" class="gspb_heading gspb_heading-id-gsbp-a4fa8558-dcd3 ">WINTER</div>
</div>
</div>
</div>

/ava

Grid with text on Hover effect (Hover effect is added in Advanced – Css transition)

SPRING

SUMMER

WINTER

Grid with always visible text

SPRING

SUMMER

WINTER

Grid with visible text and hover effect

SPRING

SUMMER

WINTER

Shopping cart