Search the Community

Hi, I've got a website on Squarespace with Marta's template and I would like to hide the header and footer from one page. I've tried with CSS code's I found on internet but none of them work for my template. Please help!!!

Hi guys! I've seen a few websites with parallax scrolling on one of their pages and then the next page below is enabled. I think that's such a cool feature that I would love to implement. I searched the web for a long time to try to find the code for this but I just got this link https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ with a code, but I have no idea where to put the code as it's poorly described. THIS IS WHAT THE ARTICLE SAID: To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the following: <script> Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-overlay-parallax-enabled"] = false; </script> Once saved the parallax feature for that page should be disabled. But I have no idea where to put this code. Do any of you have any suggestions or know of another way? Thank you! Eager to hear back 🙂

I've seen a lot of answers for this online but can't seem to get any of them to work. On some pages I'd like to remove the banner image, but not for all. When I add code like #collection-53210a78e4b0af19e7e35792 #banner-area-wrapper { display: none; } in the Code Injection Header section or directly into the advanced tab in page settings it just ends up displaying in the upper left corner of the page. Am I putting in the right code and am I putting it in the right place? Other CSS I've used works fine but this one in particular is not cooperating. Thanks!

I'd like to add a JSON-LD FAQ schema code to a SPECIFIC blog page. Appears to not be possible. Can someone please suggest a workaround? Thanks,Brian

I know that the Squarespace FAQs say this can't be done, but I thought I'd ask the question - is there any way I can link a second domain to a specific page on my website? The main domain is linked to the homepage of the website, but I was running a second site which I've now incorporated into my Squarespace site. As people are familiar with the old domain name, I want it to link directly to the new page on the website which I've set up - is this possible at all? Thanks.

Site URL: http://www.artie.com Hey all! Could someone help me with removing the logo on our homepage? I tried to inject every bit of code I could find on other forums for that page but nothing worked. Thanks a lot!

Hi, I am creating a site using the Crosby tempate. I need to remove the footer off of just the contact page as the address is repeating twice. (See screenshot attached) I have tried using code injections but they don't seem to work and I am unsure why. Does anyone know how I can remove just the footer off of this page? Any replies will be greatly appreciated..

Site URL: https://www.talyasanders.com Hi, I'm trying to change the logo I use on my homepage so it's different than the ones on all other header pages of my site -- for legibility, I need different colors in the logo. I can't figure out how to do that! I'm using Version 7.1 and I think this is my Template ID: 5c5a519771c10ba3470d8101. Thanks!

Site URL: http://www.dynamoultima.com/home-1 Hey there! This is driving me crazy. I've added this marqee code to one of my index pages as a code block and im trying to get the content to span the entire width of the page without needing to change the entire site padding. I've only been able to get it to span the width of the page if I make my site padding 0px..but that causes issues because then I need to manually add spacers to ALL of my content which is not what I want to do. Plus it doesn't look good on mobile. Is there any way that I can just change the padding for the content on of ONE of my index pages? That way I can get this marquee to not have the site padding spacing on the sides?

How can I add or remove the background color from the header section on just one page of my website. Example: I have a navy blue header background on all my pages but I want to have a white header background on my home page only. How can I change this?

Site URL: https://www.huesofcomfort.com/ Hi, I'm wondering if it's possible to remove both the header and footer from select (not all) pages? I have a business account.

Some custom code to remove header on Entire Site - One Page Support: SS 7.0 & SS 7.1 Notes: Add to Home > Design > Custom CSS To remove on one page, wrap code in <style>paste my code here</style> and insert to Page Settings > Advanced > Header if you use Personal Plan, you want to remove header on One Page, you can add Page ID to before the code, eg: body#collection-abcxyz123 header#header {display: none;} If you have any questions, just comment below/send me a message via link in signature Avenue header#header { display: none; } div#mobileMenuLink { display: none; } Aviator header#header { display: none; } Bedford Family Include: Anya, Bedford, Bryant, Hayden, Bedford header#header { display: none; } Brine Family Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Hide Header */ .Header { display: none !important; } Farro: Include: Farro, Haute .Mobile-bar { display: none; } header.Header { display: none !important; } Five div#navigation-top { display: none; } nav#mobile-navigation { display: none !important; } Flatiron header#topBar { display: none; } Forte div#headerWrapper { display: none; } Ishimoto header#header { display: none; Momentum header#header { display: none; } Montauk Include: Julia, Kent, Montauk, OM header#header { display: none; } Native header#header { display: none; } Pacific Family Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific header#header { display: none; } Skye Family Include: Foundry, Indigo, Ready, Skye, Tudor div#headerAnnouncementWrapper { display: none; Tremont Include: Camino, Carson, Henson, Tremont header#siteHeader {display: none;} Wexley header#header { display: none; } /* Mobile */ div#mobileMenuLink { display: none; } York Family Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York header#header { display: none; } Squarespace 7.1 header#header { display: none; }

Site URL: https://cello-pug-263f.squarespace.com/ Is there any way to hide one title from the side index navigation? The site is one long scroll with a side index, per client request. However, I want to have some panels that wouldn't show up in the side navigation. Is there any way to do this? I'm working around it, but my life would be so much easier if I could split some of the content into separate panels/pages. I'm using a template in the Brine family. If you want to take a look at the page, the password is EnCore1!

Is there any way to delete the navigation button for one page? Aka, I want to have a homepage, but I do not want a button that says "home" on the top banner. I am using a portfolio template. Thanks!

Site URL: https://sprout-tuna-swnf.squarespace.com/blog I have styled the text and borders for some of my list blocks on my site, but on this page, I want the orange excerpt text and border to be a different color. Is it possible to do this?

Site URL: https://www.mixedfatchick.com/ I am trying to remove the site title from only on my home page, but have not had success with the searching I've done to fix this issue. I am using the Tremont template. Appreciate any help. Thank you!!

I want to hide the top footer block only, on specific pages (not site-wide). I am using the Brine template. Anyone know how to do this?Thanks!

Site URL: https://bronze-helix-da9r.squarespace.com/config/design/product-items Hello, Even though I specified on the Design section that the title is aligned to the top of the image, it is not align with the very top of the image. Does anyone know how to align the title with the very top of the image? Thanks, Clara

Hi All, Thanks to some research in the forum (see below) I have removed the price from a single product detail page, but it is still showing up on the product page (See photos below showing both) Working code for removing from product detail page: <style> body#item-5df95272c2039c3981d881da .product-price { display:none !important;} </style> How can I get the price to disappear from the product page as well? I have tried (but it didn't work): <style> body#item-5df95272c2039c3981d881da #productList .product-price { display:none !important;} </style> Product Page-- How do I remove the $0.00? Product Detail Page-- PRICE GONE: ! Thanks to this post for help so far!

Our site is in free trial mode still so there is no live URL, but we want to assign the default color scheme to the page footer for one of our pages, rather than the color scheme assigned to the other pages. How can we have a different color theme for the footer of one page compared to the others?

Site URL: https://fennel-dinosaur-njys.squarespace.com/east-end-farmsacpes?p Does anyone know how to use custom code to reduce the page width for a single page in 7.1. I have the global page width set but the problem is that the gallery automatically expands to the set page width. I need to reduce the width of the gallery and the only way I find to reduce the size is to reduce the page width, not a good option. Apparently it is not possible to use spacer blocks to force the gallery into a smaller space. Any help would be greatly appreciated!

Site URL: http://jasonanthony.co.uk Hi, I have done some searching and as I'm not much better than using the editor i cant seem to find a solution I am looking to remove the logo , navigation, footer etc from one of my pages I would appreciate any help www.jasonanthony.co.uk Regards Jason

Im trying to hide the navigation and logo on a single page and just add a text header. I want to make something similar to a linktree. ryankunkleman.com/links ive tried this code: <style> #header { display: none } </style> to no avail

Site URL: https://parrotfish-cymbals-axkd.squarespace.com/ Hi there, I have a few Index pages (sub-pages?) where I want remove the padding so that the content is full screen. I'm currently using the id's of the Index Pages (like below), and it works temporarily, but the id's keep changing and then the code stops working. #yui_3_17_2_1_1580574561775_504.Index-page-content { padding-top: 0; } I've tried replacing the ids and go the #page-title route, like below but that just isn't working at all. #Instagram .Index-page-content { padding-left: 0; padding-right: 0; padding-bottom:0; max-width: 100%; } I've also tried adding this code to the page header, and while it works if I place it on the Index page, it won't work if I place it on the sub-index page. <style> .Index-page-content { max-width: 100% !important; padding-left: 0; padding-right: 0; } </style> What am I missing?! Website url is https://parrotfish-cymbals-axkd.squarespace.com/ and password is localforeigner

Hi I have the pacific template and am trying to target a specific page and change the background color. I already have a custom code increasing the max-width of the content on the page as below #collection-5e3c8b724983176cf11b8804 #page { max-width: 1310px } I want to keep this code and add the background color. Thanks!!! --- Edit I was playing with it and this code changes the background color but not full width! #collection-5e3c8b724983176cf11b8804 #page { max-width: 1310px; background-color:#34b9ec; } I need the color to go all the way to the edge of the screen