Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing Logo Color on Different Site Pages


AbiO
Go to solution Solved by rwp,

Question

Site URL: http://www.nwtherapymom.com

For my website, I have a white logo and a black logo. The White logo looks perfect on the Home page, but disappears on the blog and contact page since the page backgrounds on those pages are white. I would like to use the black logo in the header on just the blog and contact pages.

For now on my site, I just have text for the site name. Squarespace automatically changes the text to white on the front page and black on the other pages depending on the page background color but it won't for the logos unless I have a custom css code. I have tried looking at other forums and using that code, but I am not sure how to use code at all. I am using the 7.1 version and really need help. 

I've attached both the black and white logo but need specific directions as to how to get these placed. 

NW Therapymom 2-01.png

NW Therapymom-01.png

Link to post
  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Thank you so much! That worked!

Use this code body#collection-5ee7b45d50d50c4af62fba5b .header-title-logo img { filter: invert(); -webkit-filter: invert(); }  

Posted Images

11 answers to this question

Recommended Posts

  • 1
On 1/8/2021 at 5:20 AM, marionlesso said:

Hello, I would love some support as well for the website : https://www.run-wise.com/

I was able to change it on the Blog page by adding this code: 
 


[class*='collection-type-blog']  .header-title-logo img {
  filter: invert()
}

I would love to do the same for the "contact" page. 

Thanks 🙂

Use this code

body#collection-5ee7b45d50d50c4af62fba5b .header-title-logo img {
    filter: invert();
    -webkit-filter: invert();
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0

Thank you for reaching out to help me with this. Ok I have added back the white logo which shows up on the main page, but is washed out on the blog and contact pages. 

Link to post
  • 0

Hi, I have the same question. But, I'd like to know how I can make the logo invert back when on a white page (which I have used twice alongside the homepage) - is there a way to make the invert only happen on black background pages?

Link to post
  • 0
On 12/14/2020 at 10:45 PM, OCD_Olly said:

Hi, I have the same question. But, I'd like to know how I can make the logo invert back when on a white page (which I have used twice alongside the homepage) - is there a way to make the invert only happen on black background pages?

Can you share page url? We can check easier

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0

Hello, I would love some support as well for the website : https://www.run-wise.com/

I was able to change it on the Blog page by adding this code: 
 

[class*='collection-type-blog']  .header-title-logo img {
  filter: invert()
}

I would love to do the same for the "contact" page. 

Thanks 🙂

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...