Changing Logo Color on Different Site Pages

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

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

@Hannah Williams

It's working for me locally on your site.

If you install the code and it still isn't working, and not causing an issue, leave the code installed. Then let us know. Sometimes testing locally doesn't cover all the use cases. We can then diagnose further.

@rwp Are you able to solve this for me? I have the white logo on the site, but would like it to be black when on checkout pages that have a white background. 

https://silver-hyperboloid-kt5p.squarespace.com/config/ 

@Rudybro

Your site it private.

Please set up a site-wide password.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Oh apologies! https://silver-hyperboloid-kt5p.squarespace.com/config/settings 

Password: SiteTest123 

@Rudybro

Password doesn't work.

@creedon weird, looks like it's not remembering the updated password. 

Can you try this? 

PW: Squarespacelogin123

@creedon quick bump here. 

Can you try with pw: Squarespacelogin123 

@rwp Are you able to help me change the logo color of my site to black when on white pages (product/checkout)? 

https://silver-hyperboloid-kt5p.squarespace.com/config/  

pw: Squarespacelogin123 

On 5/13/2021 at 1:15 AM, Rudybro said:

@rwp Are you able to help me change the logo color of my site to black when on white pages (product/checkout)? 

https://silver-hyperboloid-kt5p.squarespace.com/config/  

pw: Squarespacelogin123 

You mean checkout page (/checkout) or /cart page?

 yes. I would like the logo to be dark when on a page with a white background. 

17 hours ago, Rudybro said:

 yes. I would like the logo to be dark when on a page with a white background. 

Add to Design > Custom CSS

/* cart page logo */
body#cart .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

awesome, thank you! That updated for the cart page. What about the product pages. They also have a white background and need a black logo. 

13 hours ago, Rudybro said:

awesome, thank you! That updated for the cart page. What about the product pages. They also have a white background and need a black logo. 

product list page

/* product list page logo */
body.collection-type-products.view-list .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

product detail page

/* product detail page logo */
body.collection-type-products.view-item .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

Hi @creedon I hope you're well? You did wonders on inverting my logo on the homepage. I was wondering if you could please help me out with this page: https://www.voguekitchens.co.uk/cesar

@Shwena

Add the following to Design > Custom CSS.

/* cesar invert logo */

#collection-614b1651cb58a6025342a6c8 .Header-branding-logo {

  filter : invert( 1 );
  
  }

This if for v7.0 using the Brine template family and specific to the poster's need.

Let us know how it goes.

22 hours ago, creedon said:

@Shwena

Add the following to Design > Custom CSS.

/* cesar invert logo */

#collection-614b1651cb58a6025342a6c8 .Header-branding-logo {

  filter : invert( 1 );
  
  }

This if for v7.0 using the Brine template family and specific to the poster's need.

Let us know how it goes.

Perfect! Thank you again for your help!! 

Hello, could I get some help with creating white logos on the Tampa Bands and Boston Bands pages of my site? Thank you!

https://allenesser.squarespace.com/config/

password: cupoftea21

@nancym97

The following will get you close to white but not white.

Add the following to Design > Custom CSS.

/*

  begin music pages "white" logo
  
  Version     : 0.1d0
  
  SS Version  : 7.1
  
  Note        : uses LESS syntax
  
  By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  */
  
  #collection-6153a9af295843497b25a6e0, // tampa
  #collection-6153aa2f7893463eef1708f6 // boston
  
    {
    
      .header-title-logo img {
      
        filter : brightness( 0 ) invert( 1 );
        
        }
        
      }
      
  // end music pages "white" logo

Let us know how it goes.

Thank you so much! Will let you know how it goes. Close to white is great!

Worked beautifully. Thanks very much!

Hi! @tuanphan 

I'm having the same issue - I would like my logo to be black only on the blog posts, since is white on all the other pages, in the blog posts doesn't show.

Link: https://www.luciarodriguezc.com/

Pass: Lucia0987

Thanks in advance!

7 hours ago, mvorozco16 said:

Hi! @tuanphan 

I'm having the same issue - I would like my logo to be black only on the blog posts, since is white on all the other pages, in the blog posts doesn't show.

 

Link: https://www.luciarodriguezc.com/

Pass: Lucia0987

 

Thanks in advance!

 

Add to Design > Custom CSS

/* blog posts logo */
body[class*="type-blog"].view-item header.Header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

@tuanphanthanks! it worked!!

Hi @tuanphan it only applied on the Home Page, how can I make it on all pages?

Also, I hope you can help me with this:
How can I change a picture position on the mobile version. I want this picture to go below this text (see attached picture)

Thank you in advance!