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 1
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 post
Top Posters For This Question
3
3
2
2
Popular Days
Nov 1
3
Oct 26
2
Oct 23
1
Dec 14
1
Top Posters For This Question
AbiO 3 posts
rwp 3 posts
NicoleRothstein 2 posts
tuanphan 2 posts
Popular Days
Nov 1 2020
3 posts
Oct 26 2020
2 posts
Oct 23 2020
1 post
Dec 14 2020
1 post
Popular Posts
AbiO
Thank you so much! That worked!
tuanphan
Use this code body#collection-5ee7b45d50d50c4af62fba5b .header-title-logo img { filter: invert(); -webkit-filter: invert(); }
Posted Images
11 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