kiiana Posted October 3, 2020 Share Posted October 3, 2020 Below you will see my header/logo from my site homepage. I want it to be white on the homepage as shown in the screen shot. However, on my other pages, the background is white and therefore you can't see the header/logo because they are also white. Is it possible to keep the header/logo white on the homepage as shown, but change it to black on other pages? Link to comment
SabineM Posted October 3, 2020 Share Posted October 3, 2020 @kiiana Hi, If you are using one of the Brine - Family Squarespace 7 Template with a normal business plan this is a solution: 1. Upload the file with the black logo : got to > design > custom CSS > Manage Custom Files (gray field at the bottom)> upload the image / logo Then make a space inside the CSS window for it and clic on the image in the "file box" The image URL will be shown in the CSS box in a gray color. 2. Copy the URL ( and delete it there after:-) Save the URL somewhere. 3. Then go to all pages where you want the black version and copy the code below into the PAGE > Header >Advanced > Code injection. replace the sample URL and put yours in. Thats it. Good luck. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(function() {$('.Header-branding-logo, .Mobile-bar-branding-logo') .attr('src', 'https://static1.squarespace.com/static/longstringofnumbersandthenthefilename.jog </script> Link to comment
paul2009 Posted October 3, 2020 Share Posted October 3, 2020 @kiiana Your website is currently private. It looks like a Squarespace 7.1 site but it will really help us if you set a site password and tell us what it is so that we can view the site. creedon 1 Improve your online store with our extensions.About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links.Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)Buy me a coffee Link to comment
kiiana Posted October 14, 2020 Author Share Posted October 14, 2020 On 10/3/2020 at 12:04 PM, SabineM said: @kiiana Hi, If you are using one of the Brine - Family Squarespace 7 Template with a normal business plan this is a solution: 1. Upload the file with the black logo : got to > design > custom CSS > Manage Custom Files (gray field at the bottom)> upload the image / logo Then make a space inside the CSS window for it and clic on the image in the "file box" The image URL will be shown in the CSS box in a gray color. 2. Copy the URL ( and delete it there after:-) Save the URL somewhere. 3. Then go to all pages where you want the black version and copy the code below into the PAGE > Header >Advanced > Code injection. replace the sample URL and put yours in. Thats it. Good luck. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(function() {$('.Header-branding-logo, .Mobile-bar-branding-logo') .attr('src', 'https://static1.squarespace.com/static/longstringofnumbersandthenthefilename.jog </script> Thank you so much!! That worked amazing!!! Now, do you know how I could do the same with all of the navigation links in my header? They are also white on the home page but I would like them to be black on other pages Link to comment
kiiana Posted October 14, 2020 Author Share Posted October 14, 2020 On 10/3/2020 at 1:44 PM, paul2009 said: @kiiana Your website is currently private. It looks like a Squarespace 7.1 site but it will really help us if you set a site password and tell us what it is so that we can view the site. It is 7.1 Link to comment
tuanphan Posted October 16, 2020 Share Posted October 16, 2020 On 10/15/2020 at 12:13 AM, kiiana said: It is 7.1 If you share site url, we can check 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
kiiana Posted October 16, 2020 Author Share Posted October 16, 2020 9 hours ago, tuanphan said: If you share site url, we can check easier. I'm unable to make a site password at this time. Are you able to help without it? Link to comment
paul2009 Posted October 16, 2020 Share Posted October 16, 2020 1 hour ago, kiiana said: I'm unable to make a site password at this time The web professionals who answer questions on this forum are offering their time for free, to help you and the Squarespace community. They ask to see your site so that they can be confident that their solution will work, which will save you both valuable time. You can set a site password on any site - including trials - by following this guide. creedon 1 Improve your online store with our extensions.About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links.Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)Buy me a coffee Link to comment
kiiana Posted October 18, 2020 Author Share Posted October 18, 2020 On 10/16/2020 at 12:55 PM, paul2009 said: The web professionals who answer questions on this forum are offering their time for free, to help you and the Squarespace community. They ask to see your site so that they can be confident that their solution will work, which will save you both valuable time. You can set a site password on any site - including trials - by following this guide. I have been trying to do this for weeks and for some reason my site does not allow me to create a site password. I keep getting an "error" when I try to do it. Do you know why that could be? Link to comment
paul2009 Posted October 18, 2020 Share Posted October 18, 2020 50 minutes ago, kiiana said: I keep getting an "error" when I try to do it. Do you know why that could be? It’s difficult to say as I don’t have access to your site. I recommend you contact Squarespace Customer Care about that issue. Improve your online store with our extensions.About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links.Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)Buy me a coffee 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