Jump to content

Invert logo

Recommended Posts

Site URL: https://www.sensibar.se/kostnadsfritt-mte

Hello! I have been successful with this before, but I think by theme is old and it doesn't work in the same way anymore. I am trying to invert the logo color from black to white. I am using the Basil template. Anyone who knows the code for that? Thank you very much 🙂

https://www.sensibar.se/kostnadsfritt-mte

Edited by Sensibar
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

This code caused problem

body:not(.homepage) .Header-branding-logo {
    filter: invert(92%);
}

add this code to override it

body#collection-62669f9a0281484d3854c5c4 header.Header img {
    filter: unset !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thank you very much for your reply. I can't make it work, but I now found the Custom CSS that I added so that was very helpful. I added the code underneath the previous code, is it correct? I changed the URL of the page that I want the inverted logo on to https://www.sensibar.se/3-viktiga-delar. It is just one page that I want to invert in on 🙂

Edited by Sensibar
Link to comment
  • 2 weeks later...
On 4/26/2022 at 7:44 PM, Sensibar said:

Thank you very much for your reply. I can't make it work, but I now found the Custom CSS that I added so that was very helpful. I added the code underneath the previous code, is it correct? I changed the URL of the page that I want the inverted logo on to https://www.sensibar.se/3-viktiga-delar. It is just one page that I want to invert in on 🙂

Glad to know.

If you have any other problems with logo, just reply to this post

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.