Search the Community

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 🙂

Site URL: https://danielesestito.com/photos I have two pages on my site which have a "Hover: Fixed" portfolio layout. Because the height of the section is too long as is, I have a CSS which reduces its height: [data-section-id="62ab9dffa603034ec044abbd"] { min-height: unset !important; height: 80vh; } However, whenever I apply this CSS, that whole section becomes completely invisible (though the portfolio page titles are still clickable) on the published site or in the website editor. The only way it's visible with the corrected section height is when I'm on the Custom CSS tab on the website editor, that's it. It looks like this: How can I get this section height adjustment to work all of the time? If you go on those pages now (danielesestito.com/photos & danielesestito.com/more), you can see it without any height adjustments.

I'm trying to get a transparent header on Almar (V. 7.1). I only need this on one page so that I can have a black header on all of the other pages and have my logo show through on a banner image on the main page. Any help would be appreciated.

Hi! I'm very new with Squarespace and I have found it quite easier to work with 7.1 version. I have a personal blog, I have built a home page, and the blog separately. I would really like to use to a different (or at least a different logo) on the blog page and each blog post. Is there a possibility of doing it with CSS? I'm not code-savvy at all, so I'd appreciate anyone's help.

Site URL: https://waverlycomics.com Hi, I have a store with 4 active pages on my home (shop) page but only 3 are showing up on the site. The 4th is hidden for some reason. If I take move the home page (shop0 up to main navigation all 4 pages appear though there are still only 3 on the home page. I have gone over all 4 pages carefully and the setting sa ll appear to be identical. Is this a known bug or is there an easy fix?

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; }

Many versions of this question have been asked, but I'm a small business owner brand-new to Squarespace, I'm using 7.1, and so far none of the CSS solutions from previous versions of Squarspace seem to be working for me. I want to change the logo for individual pages - on my home page, I want my logo in its normal full-color form. For the rest of the pages, I want it to be all in white (this is to keep it visible against the backgrounds I'm giving it). I have the two separate versions of the logo (color and white). The color logo is currently on all of my pages, and the white logo is uploaded in my custom files. Is there a bit of CSS code that I can use to replace the logo in the header on any one page? Again, there are lots of answers to this already, but none are working, and I suspect it's because I am using 7.1. The answers all seem to be template-specific, but as far as I can tell, all of the templates are similar in 7.1, and I can't change my template to try different ones (??) Sorry if my question was confusing. Thank you!

Site URL: https://rumahkeduamedia.com I'm having trouble setting page width, I'm trying to compare it with other Squarespace templates, if they use page width (max) 1920px, it will appear to fit on smaller laptop screens , but mine looks like a bug and is too wide when I open it on a smaller laptop screen, can I solve this? only on my homepage. I want the site to look like this: https://siasatpartikelir.com/ both in small and large screens, still adjusting to the full content

Hi! I have the brine family Burke template. I saw that one of the types of pages I can add is a team page. I can select it to have up to 4 columns. Is there any way to add columns to it to have it show 6 across? Thanks in advance.

I'm trying to change the background color of just one of my gallery pages to white? I use the Avenue template.

Site URL: https://travelwithamnet.com/tours-packages/p/lux-1 Hi Squarespace Forum Community! I am trying to add some custom CSS codes to text blocks, ONLY on product description page. !!! Things I should probably mention!!! to enable tabs within the page, I am using a code block to pull the contents from blog page. Each blog post is reflected as a tab on the product description page. within the each tab, I am again pulling the contents from another blog page using summary blocks. I see many posts about targeting by section #, however, the issue with that is that I will have to keep adding the ID as I add more pages. I would like to simply target the PDP somehow as I mostly pull the contents through blog posts using summary blocks and gallery blocks. I though of targeting by specifying H4/H3 but then it would affect other blocks and sections, so I would like to avoid that route. https://travelwithamnet.com/tours-packages/p/lux-1 This is the page I am working on right now. I am planning to use the same layout for upcoming tours and packages. Also, I am super open to any suggestions on how I can improve my website! Your ideas are welcome and much appreciated as I am not much of an aesthetic focus or graphic design minded person. Thank you so much for all of your help in advance!

Site URL: https://www.fluxim.com/news/2022/02/28/join-the-research-conversation Does anyone know why news pages (SS 7.0) are clickable and highlighted (in green on our website). Our heat maps continually show people try to click on them but they don't do anything (not good UX) But maybe this also will send incorrect signals to search engine crawlers that the Title tag is a link?

I need to set up pages which are very repetitive in structure and wonder if there is a better way to do it than manually creating all the pages. I will have one page which contains a list of links to bio pages for different people, and then each bio page is almost exactly the same structure, just with different title/text content/photo. Last year, I manually created these pages: Example directory page: https://www.crossworldafrica.org/meet-the-herd-2021 Example bio page: https://www.crossworldafrica.org/eric-garvin-herd-2021 In an ideal world, I would have some sort of database or CMS I could enter the photos/text/titles into, and have pages automatically created from this structured data. Is this possible with Squarespace?

Site URL: https://nomadiq.co.za Hi there, id like to know if it may be possible to add the gallery slideshow within my section rather than it being a section on its own, i would like the Slideshow to be next to the products description, as seen on the website

Site URL: https://www.balletsv.com/ Is there a way I can get the shopping cart to only appear on the shopping page of my site? I'm using the Version 7.0– Brine family (Mojave template), and the only options I have in the editor are to relocate the cart icon to 6 different locations within the header, all of which look very bad with how the homepage is set up. Ideally, the cart would only need to be on the shopping page and not the global header. I can't hide it entirely because I don't want settings to be express check-out.

Site URL: https://vibraphone-cheetah-jwk6.squarespace.com/ I'm trying to add some custom code that will only effect the "Accsess Denied Screen" to style it, but can't figure out how. Does anyone have any tips or tricks? Specifically I'm trying to change the header color. Password: 1234

Site URL: https://www.hdpsneakers.com/ The Password for the site is: Test i want to know if i can do the headers on the existing shops on categories instead of entire different shops. Many Thanks Callum

Hey, community. The size of my H1 header in my opening index page ("Schedule a Call") is perfect on desktop. But, it's much smaller than I want it to be on mobile and the Pacific Template doesn't offer a way to adjust styling specifically for mobile. Someone pointed me here to try and inject the recommended Custom CSS there but that code doesn't appear to work. Does anyone else have any other custom css suggestions I might try out?

I'm trying to change the color of the background on this page - craftingyourpath.com/links I tried a bunch of potential solutions and haven't come across anything that works. I'm ready to pull my hair out. Can anyone help, please? I should mention that I have some CSS which are targeting the buttons on that page. Not sure if that has anything to do with it. Thanks!

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: 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 there, I would like to have 100vh on my home screen only, while still use indexes for my other pages , but with a smaller (not full screen) banner across the top. Is it possible to inject code to only my home screen, and what would that code be? I think it has something to do with this: Style Attribute { /* min-height: calc(100vh - 165px); */ } site.css:13:411703.tweak-index-page-fullscreen-first-page-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image:first-child, .tweak-index-page-fullscreen-all-pages .Index-page--has-image:first-child { /* min-height: 100vh; */ } site.css:13:410834.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* min-height: 100vh; */ } I would like it disabled for all of my of pages with the exception of the home screen. Thanks! Ron

Hi everyone! How can I remove or hide a blog post date on just one page using the Momentum template? If you go to the link below you will see the post date under the photo that I would like to remove. https://devbio.stanford.edu/david-hogness-memoriam-guestbook/2020/1/7/guestbook Thanks in advance!

I was looking to implement a hover style to my Crew Page via the actual page's advanced css location. I'm looking for something like: https://www.conducthq.com/about/ I'm aware of this thread with the script for the effect above: https://forum.squarespace.com/topic/94666-image-hover-change/ But, I am unaware of how to actually apply it to a specific page, not in the overall custom CSS. Thank you! (Image attached shows how the script injects itself into the header on my test site...)

I'm trying to hide my secondary nav from the main website and only show them within a paid members area - is this possible to do with code? TIA