For my website, I have a white logo and a black logo. The White logo looks perfect on the Home page, but disappears on the blog and contact page since the page backgrounds on those pages are white. I would like to use the black logo in the header on just the blog and contact pages.
For now on my site, I just have text for the site name. Squarespace automatically changes the text to white on the front page and black on the other pages depending on the page background color but it won't for the logos unless I have a custom css code. I have tried looking at other forums and using that code, but I am not sure how to use code at all. I am using the 7.1 version and really need help.
I've attached both the black and white logo but need specific directions as to how to get these placed.
Question
AbiO
Site URL: http://www.nwtherapymom.com
For my website, I have a white logo and a black logo. The White logo looks perfect on the Home page, but disappears on the blog and contact page since the page backgrounds on those pages are white. I would like to use the black logo in the header on just the blog and contact pages.
For now on my site, I just have text for the site name. Squarespace automatically changes the text to white on the front page and black on the other pages depending on the page background color but it won't for the logos unless I have a custom css code. I have tried looking at other forums and using that code, but I am not sure how to use code at all. I am using the 7.1 version and really need help.
I've attached both the black and white logo but need specific directions as to how to get these placed.
Link to comment
Top Posters For This Question
11
8
5
7
Popular Days
Mar 2
5
May 10
4
Jun 1
4
Mar 5
4
Top Posters For This Question
creedon 11 posts
tuanphan 8 posts
mvorozco16 5 posts
Rudybro 7 posts
Popular Days
Mar 2 2021
5 posts
May 10 2021
4 posts
Jun 1 2022
4 posts
Mar 5 2021
4 posts
Popular Posts
creedon
@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
rwp
body:not(.homepage) .header-title-logo { filter: invert(1); }
AbiO
Thank you so much! That worked!
Posted Images
53 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment