Jump to content

Individual Colors for Collage Image Blocks

Recommended Posts

Site URL: https://www.ayudaroc.org/services/

Good afternoon!

I am trying to create an eye-catching Services page for my website, and I am using the Collage Image block. At present, each of the six service descriptions I've written all have the same bland grey background. I would like to be able to inject custom-css / potentially use code blocks to be able to make each of the grey boxes a different color matching my branding palette. Would someone be able to give me some assistance in doing this?

Thanks so much,
William,
Founder, Ayuda Foundation

Link to comment
  • Replies 2
  • Views 899
  • Created
  • Last Reply

Each block has different ID. Replace ID to change color for each block.

Add to Home > Design > Custom CSS

div#block-ca2da190b05a1f92a8ce .image-card {
    background: green;
}

Find block ID. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.