Jump to content

Change text colour in image card block

Recommended Posts

  • Replies 8
  • Views 2.2k
  • Created
  • Last Reply

Hi @GlassSean, if you share the password someone may be able to look at the site and help.

Link to comment

Do you want to change all the image titles? If so, give this a try in Design > Custom CSS:

.image-title p {
	color: #000000;

If it's just for specific blocks, you can add #block-id before .image-title


Link to comment

You'll need to use the important rule and find your specific block-id. 

#your-block-id .image-title p {
	color: #000000 !important;

To find your block-id, I recommend using the Chrome Extension Squarespace Collection/Block Identifier.  If you're interested in more tools like that to make your life easier, I have a list on my Resources Page.

Link to comment

Yep, same thing with the specific blocks, but to change the colors for the button text and outline on the image cards you'd use:

.image-button a {
  color: #000000 !important;
  border-color: #000000 !important;

And if you could vote up my correct answer above I'd appreciate it - triangle to the left above the 0.  That lets other people know the solution worked for you.

Link to comment


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.