Jump to content

Changing font colour on a collage block

Recommended Posts

Hi there.

I am trying to change the colour of the font for both the header (H4) and body copy (P2) of this collage block to white.

I have tried adding the following code to to the custom CSS but to no avail:

div#block-yui_3_17_2_1_1643012859091_5383 .image-card h1 { color: #FFFFFF;} 


Can anyone point out where I am going wrong?


Link to comment
17 hours ago, martysams said:

Apologies, the page has not yet been published.

A published example would be https://www.huggg.me/blog/gocardless


Add to Design > Custom CSS

.design-layout-collage * {
    color: white !important;

If you want to change on a specific collage, add this code

#block-id .design-layout-collage * {
    color: white !important;

Use this tool to find block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

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

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.