Invert logo

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

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;
}

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 🙂

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