Adding an icon to the content area (7.0 & 7.1 CE) - Image Block Poster

All CSS tricks7.07.1 CEBullet points and icons
Written By Beatriz Caraballo

About

Spruce up your Poster Blocks with this copy/paste snippet that’ll allow you to add a simple hover mode overlay, as well as a custom icon right above the text.

You’ll be able to set the icon you want to use, its size, make the customization block-specific, and tweak the overlay’s color and opacity through the code and the native Site Styles settings!

  • This particular snippet is compatible with:

    • Image Block Poster layout

    • Squarespace 7.0

    • Squarespace 7.1 (Classic Editor section)

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Styling the content area (7.0, 7.1 CE & 7.1 FE) - Summary Block Wall
Next

Squarespace Customization Framework