Jump to content

Change text colour in image card block

Recommended Posts

Site URL: https://perch-radish-hctx.squarespace.com/project-orders

I am trying to change the colour of the text in some image card blocks but I'm not sure what I need to target

Website URL: https://perch-radish-hctx.squarespace.com/project-orders

Password: webtest

Trying to change the text in the image card block at the top "We're here to help" and image card block "Genuine SGP toughened..."

Edited by GlassSean
Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.

Edited by christyprice
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.

Edited by christyprice
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.