I want to display two different logos on my Squarespace website's pages.
I need from you a code that allows me to apply my transparent logo (white logo) on the pages that has backgrounds / colored backgrounds so the logo would appear in these type of backgrounds - & - also be able to apply my normal original gray logo on the pages that has no background / white backgrounds.
How to access my website ?
I will send you the invitation on your email (please provide me with one) to my website with administrative permission so you can access the website and begin the project.
Squarespace website link: [login to view URL]
You have the options:
1# Use a code in my website that has ability to detect wether the page has a background / colored background so it apply the (transparent white logo) on it - or it does not have any background and it apply the (normal original gray logo). This code should work on the future pages to be made, not just the current ones.
2# Use a code that I can use individually for each page to apply the logo I want.
By the way, I'm already using a code for each page on my website but unfortunately it doesn't work....I'm not sure what's the issue with the code I'm using right now but it seems like I have to refresh every page in the website in order for it to appear in white....and when it does appear in white the other pages appear in the opposed (gray).
Notice: this problem happens in every page within the website - not just the "pricing" and "contact" pages but the issue appears to happen in all the website pages.
NOTICE: I have attached a video to see the problem I'm facing, check it out.
Settings > Advanced > Code Injection > the used code:
<script src="//[login to view URL]"></script>
Each page settings > Advanced > the used code:
content:url("https://static1.squarespace.com/static/5d8f27387f5cc94b63aeee62/t/5e03b38b3c0d245776842a1f/1577300875497/Bon+Ciel+Logo+%28White%[login to view URL]") !important;