Mismatch between colour of logo and font colour of other text in Header section of my site

Hi there,

I have absolutely no coding knowledge or skills whatsoever (not even basic HTML and/or CSS).

I created a logo in Canva and inserted it where the Site Title typically goes in the Header section of my Squarespace site. Unfortunately, the colour of the logo (which is black, for the record) is not responsive to changes. That is, it doesn't change colours depending on the background image (unlike the font colour for the rest of the text in the Header section, which continues to be responsive to background image changes). This results in the regrettable circumstance of my black logo appearing alongside white text in the Header section on some pages of my site.

Is there any way to either make my logo colour responsive (in the same way that the font colour for the rest of the text in the Header changes depending on the background image), or to 'force' all text in the Header section to have the same font colour as my logo?

Thanks.

Hi. Can you share link to your site? We can check easier

If your site is trial/prviate, you can setup password & share url

Hi there,

Thanks for the response. Sure, my site is https://opuspsychology.squarespace.com

Password is 'password'

I've also attached a screenshot just to illustrate the issue (logo is black, other text in Header is white).

Thanks again.

On 5/13/2021 at 12:30 PM, Opus_Psychology said:

Hi there,

Thanks for the response. Sure, my site is https://opuspsychology.squarespace.com

Password is 'password'

I've also attached a screenshot just to illustrate the issue (logo is black, other text in Header is white).

Thanks again.

Add to Design > Custom CSS

/* home logo color */
body.homepage .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

14 hours ago, tuanphan said:

Add to Design > Custom CSS

/* home logo color */
body.homepage .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

 

Amazing! Thanks so much.