yoannam Posted November 24, 2022 Share Posted November 24, 2022 Hi guys, I am wondering if anyone has an easy solution to having a dark and light version of the logo that works with the colour settings in the nav/header? For example, the logo looks great in white on a banner image but when I have a page that doesn't have a banner image the logo is lost on the white background. Site URL: https://www.beyondjanebeauty.com Password: maint8n Template: Sonny Version: Squarespace 7.0 Thank you in advance! Link to comment
Solution iamdavehart Posted November 24, 2022 Solution Share Posted November 24, 2022 hi. you can add this to your custom css. When the header has an image specified the theme puts a class called Header--overlay on it. So if that's not there we can darken the image so much that it becomes black instead of white. header.Header.Header--bottom:not(.Header--overlay) img.Header-branding-logo { filter:brightness(0%) } Dave Hart. Software/Technology Consultant living in London. buymeacoffee Link to comment
yoannam Posted November 24, 2022 Author Share Posted November 24, 2022 @iamdavehartomg it worked! THANK YOU so much. This made my morning Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment