donforello Posted January 18, 2021 Share Posted January 18, 2021 Hey guys, I am trying to start my page, having my logo in white, as the first section of it is in a very dark color. As you scroll down, I would like the logo color to change into black, as soon as the logo "touches" the second section and will remain black for the rest of the page. Is there a way to accomplish this? Would HIGHLY appreciate any help on this 🙂 mabonstudio 1 Link to comment
tuanphan Posted January 20, 2021 Share Posted January 20, 2021 Hi. If you share link to your site, we can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
rookiedesigneremma Posted January 20, 2021 Share Posted January 20, 2021 Hi, I would also like to invert my logo on some pages. I am using the Margot template- I have not paid for my site yet so am not able to get a link. Will I have to pay for my site and let it go live before finishing it? Thanks so much, Emma Link to comment
rookiedesigneremma Posted January 20, 2021 Share Posted January 20, 2021 I also have a problem where my logo disappears when on the mobile size! IS this something that it is possible to fix as well ? Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 If your site is private/trial, you can setup password & share url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
donforello Posted January 24, 2021 Author Share Posted January 24, 2021 @tuanphan I attached the site below. On the first section, the logo may remain white (on the dark background) and then I would like it to become black for the remaining page, as you scroll and also be black on the other pages. I do have the logo in black as well. site: https://greyhound-alpaca-f863.squarespace.com/ password: alpaca Link to comment
tuanphan Posted February 1, 2021 Share Posted February 1, 2021 On 1/24/2021 at 12:14 AM, donforello said: @tuanphan I attached the site below. On the first section, the logo may remain white (on the dark background) and then I would like it to become black for the remaining page, as you scroll and also be black on the other pages. I do have the logo in black as well. site: https://greyhound-alpaca-f863.squarespace.com/ password: alpaca Add to Design > Custom CSS body:not(.homepage) .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
donforello Posted February 1, 2021 Author Share Posted February 1, 2021 @tuanphan I am afraid nothing happened when I pasted the code you supplied.... Link to comment
tuanphan Posted February 4, 2021 Share Posted February 4, 2021 On 2/2/2021 at 3:03 AM, donforello said: @tuanphan I am afraid nothing happened when I pasted the code you supplied.... You can add the code & I will check again, it will be easier. donforello 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
donforello Posted February 4, 2021 Author Share Posted February 4, 2021 @tuanphan thanks for getting back to me. I have added the above code but it does not seem to invert the logo colour + hamburger icon colour when scrolling through different sections. Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 23 hours ago, donforello said: @tuanphan thanks for getting back to me. I have added the above code but it does not seem to invert the logo colour + hamburger icon colour when scrolling through different sections. Sorry, Misread your question. If you want this "through different sections. " , I can't help. you can post on some FB groups + Squarespace Customization Resource Groups + Squarespace Community + Squarespace Entrepreneur + Squarespace Rockstars Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted March 21, 2021 Share Posted March 21, 2021 I'm trying to figure out this exact same thing. Has anyone been able to make progress on this? I believe it's JavaScript but not sure how to go about it. Link to comment
creedon Posted March 21, 2021 Share Posted March 21, 2021 This is to several of the folks here looking for a solution. Would the fixed header with the Basic style work for you? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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