Change text colour in image card block

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

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

@christyprice Thanks, forgot I put a password on the site! Edited my question with details.

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

Just for the two image card blocks on the project order page. Not sure which block id to target, I tried the attached but it didn't change anything

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.

@christyprice Awesome that worked thankyou! Do you know how I can change the button text and outline to black as well?

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.

@christyprice That's working perfectly. Thankyou for your help!