Changing font colour on a collage block

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?

Thanks

Hey @martysams please provide the site url and password if the site is not published.

43 minutes ago, SquareRefresh said:

Hey @martysams please provide the site url and password if the site is not published.

URL is https://www.huggg.me/

Thanks

8 minutes ago, martysams said:

URL is https://www.huggg.me/

Which page has this image block?

Apologies, the page has not yet been published.

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

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

Thank you! Worked perfectly.