Changing Logo Color on Different Site Pages

body:not(.homepage) .header-title-logo {
    filter: invert(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();
}

Please put the white logo back on your site and I can give you the code to fix it on the other pages.

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. 

Thank you so much! That worked!

Hi, @rwp I have the same question. Any chance you are able to help?

Need a link to your page.

@rwp

https://www.city2seabelle.com/blog/chapter-1

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?

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

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 🙂

Hello, I'm having the same problem on a couple of my white pages. Each journal page is white as well as the landing page as well as the work page and privacy policy.

https://www.feistyfrogstudio.com/journal

https://www.feistyfrogstudio.com/work

https://www.feistyfrogstudio.com/privacy-policy

Hi @rwp Im having similar issues.  Customer service sent me this link. I have a white text logo on my landing page and all others need to be black.

I can send you the password in message if you are able to help. 

https://graeme-armour-portfolio.squarespace.com/

Thanks 

11 hours ago, Hannah Williams said:

I'm having the same problem on a couple of my white pages.

Add the following to Design > Custom CSS.

#collection-601a7a891e0c70196dc7e95f .header-title-logo img, /* journal */
#collection-6028f592cd42ec7b37cdddec .header-title-logo img /* privacy policy */

   {
    
    filter : invert( 1 );
    
    }

Have you considered using a black logo since so many of your pages are white. Then just invert on the black pages such as the home page? It would mean less code.

Let us know how it goes.

5 hours ago, GraemeA said:

I have a white text logo on my landing page and all others need to be black.

I suggest flipping that around. Make the logo black and turn it white on the landing page.

On 1/7/2021 at 2:20 PM, marionlesso said:

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

What is the URL for the contact page?

Hello, I'm having the same issue - I would like my logo to be white on the homepage and black on other pages. The logo file is currently black: www.voguekitchens.co.uk

On 3/2/2021 at 7:22 PM, creedon said:

I suggest flipping that around. Make the logo black and turn it white on the landing page.

Hi Creedon, ive did this. Many thanks.

How do i change it to white now on my landing page?

G

30 minutes ago, GraemeA said:

Hi Creedon, ive did this. Many thanks.

How do i change it to white now on my landing page?

G

this is the page. https://graeme-armour-portfolio.squarespace.com/

@GraemeA

Please post your site-wide password here.

We can then take a look at your issue.

Hey,

In the grand scheme of things there will still be more coloured pages / need for a white logo.

With the css I am unsure how this will tell the site that those pages need a different logo image file. It doesn't seem to be working. 

I currently have the white logo uploaded but need something to say on those pages a different image would appear if that makes sense?

Thanks! 

@Hannah Williams

Are you getting a Syntax Error message in your Custom CSS?

I went to see if you had installed the code and noticed the following.

Let us know how it goes.

@Shwena

Add the following to Custom CSS.

.homepage .Header-branding-logo {

  filter : invert( 1 );
  
  }

This is for a v7.0 site using the Brine template family.

Let us know how it goes.

@creedon Lengend!! It's worked great, thank you so much 

@creedon that was for something else, I've fixed that :). 

Your code isn't currently in there as it wasn't working for me.