Search the Community

I needed to make changes to one page on my client's 7.1 website - added and deleted photos. Very simple. Went to save under "Done" and it doesn't offer it - no down tab. I changed one section and the footer. The footer saved just fine. The section with photo changes - once I recreated it all over again I tested it and just making 1 change takes away the Save option. I thought it was forcing me to Fluid so I changed over the sections of the page to Fluid. It didn't help. Thoughts on what's taking place? I duplicated the page and it did the same with that page too. Thanks!

I have been given an invitation by a client to edit his squarespace website. One of the instructions is to delete some of the pages under the main navigation and add new ones. I have watched plenty of videos where there is a + sign next to the main navigation where you can add pages. However, I do not have it one mine. Nor do I have the option to delete the pages. I am very confused. Is this because I do not have permission to certain features of SquareSpace not provided by the main host? I attached a loom video below for reference. https://www.loom.com/share/e0cc3805da9f4998b3a7c2a8d5d3f488

Site URL: https://urbanxhome.com Pass: Devs@321$ Can @tuanphan or someone please help me how to add number of projects shown per page on Portfolio? I want to set 8 projects per page. Your help is really appreciated.

Site URL: https://liyasafina.squarespace.com/?password=pearler I want this watermark to automatically appear at the top of all pages whenever my client adds new pages. I'm trying to target the first section of each page with CSS, but I'm finding this isn't working - it's applying the element on all sections: section:first-child::before { content: ""; position:absolute; background-image:url(https://static1.squarespace.com/static/63157662f6b5811cc3a430b2/t/633f502193330b5f428da186/1665093665442/Watermark.svg); background-size:contain; background-repeat:no-repeat; width: 85%; height: 85%; top: 7%; right: -50vw; z-index:2; } I've also tried this - nothing appears section:nth-child(1)::after as well as this, in the hope that I could just make every 1st section on the site have a specific width, except the homepage have this - but nothing appears. This also happens using the width option. [data-current-styles*='"customSectionHeight”: 41’] { section::before {

Site URL: https://www.huertaluna.com/mmm-la-deliciosa-ciencia-de-la-huerta-agroecologica Hi everyone, I've being searching with no succeed the following: 1. how to change h2 size on a single page (URL provided) : I want for H2 specifically these specs: h2 { font-size: 30px; line-height: 2.8} 2. I wonder If footer and heading can be hidden only on this page too. 3. I want to change the Product button size, on this page only (see the image bellow for what I want to reach) up: large button , down: currently product button> PD1. I'm working on a 7.0 version on the site. PD2. I'm a newbie on css coding. So thanks in advance for your help!

Site URL: http://www.walkinglantern.com/all I have a large gap at the top of my pages on mobile view. How can I reduce this size to something smaller?

Hi, how can I add blocks that show 360 photos where viewers can rotate and see all within a 360 view? (what's that process?) If I need to host on an external site, please recommend 2 or 3 examples.

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!

Site URL: https://vintanthromodern.com Hello-- I'm currently in the process of upgrading an existing site from 7.0 to 7.1 for a small business. I would love if my shop landing page could redirect to all of my shop categories and have customized landing pages for each category (clothing, home decor, new arrivals, kids, etc.). When I had a section to a store page, it shows up on every page of my store besides individual product pages. Help! Essentially: I want my Store to have a landing page with images/redirects/etc. but don't want those elements to show up on the actual store category pages.

Site URL: http://www.sassysistas.com.au Hello, we are 2 total Squarespace newbies with zilcho, nada, zero design or coding experience. We would really really appreciate ANY feedback regarding our new website and how people find it functions. We are not fancy so if you think you can add value to what we've already managed to pull off (sometimes with vodka, mainly without unfortunately), by all means PLEASE let us know. The hard issues (or what seems to be easy for everyone else) that we are currently facing is not being able to work out how to add and where to place our payment option icons, we take visa, mastercard, apple pay, afterpay and paypal AND writing our terms of use page. We have also decided we should maybe have a disclaimer regarding colour compatibility between the products, photos and screens and whether that only needs to be added once somewhere or on every relevant item (if the latter we are talking around 400 items and pretty sure you are going to tell us it has to be a cut/paste job ugh!!!). Anyone willing to help us with these last few things we need to nut out we would be happy to pay (although we are start up poor but could retain you with a payment of earrings or stickers (laughing face emoji). In all seriousness, thanks in advance for any help! We appreciate it (living off mums words of wisdom....just remember you can't be good at everything!) Lainey and Amanda @ Sassy Sistas

Site URL: https://3dpotter.com/door I am looking to either do a page counter for a specific page, or to check the analytics (view count) of a specific page. Looked online and at videos did not see anything. Plz help, or point me to where there are instructions are as I couldn't find them. Using this for the example, currently a blank page: https://3dpotter.com/door

Site URL: https://capybera-ranunculus-8edf.squarespace.com/ I have quite a bit of custom CSS on my nav bar - specifically to shrink the logo when scrolling down. I originally wanted to change the logo itself, but when I did that it removed the functionality of the logo shrinking. So I decided to change the header color using a Page Header Code Injection. Now I've run into a problem with the nav bar drop down menu color, I want it to be the same green as the header (the text is no longer visible). It looks like the only way I can change that is to change the entire page's background, which I do not want to do. Is there a Page Header Code Injection code that can change the nav bar drop down menu color for me (only on this specific section of my website)?

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

Hello there! Does anyone know how to make the index first section fade out on scroll without affecting parallax enability on other sections or pages? I found this turoial before but it doesn't explain how to disable the parallax effect on just one page. It will be highly appreciated if someone could help me here! Thanks a million! Sheri

Site URL: https://redgumproducts.squarespace.com/ Hello! I have a site in progress (password is 123456) that requires 4 different product paginations. Paginations required as follows.. REDGUM LOG SPLITTERS > 'specific product' REDGUM CHIPPER SHREDDERS > 'specific product' REDGUM LOG SPLITTER ACCESSORIES > 'specific product' REDGUM CHIPPER ACCESSORIES > 'specific product' In order to do this, I created 4 separate store pages (I thought it best to do it this way rather than sorting with categories.) My issue is that I have products set up as summary blocks and I don't want the pagination to go back to the 'products' page. I want the pagination to go back to the unique 'summary' page. I found this code snippet which works perfectly if you have one store page..... <script> $(function(){ $(".ProductItem-nav-breadcrumb-link:first-child").attr("href", "/log-splitters/"); }); </script> I have tried using this code in the page header code injections (obviously changing it to relate to each specific page title) but it is not working out for me. Can this even be done? Any help most appreciated!!!!! Please and thank you 🙂

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?

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://mayordanaralph.squarespace.com/ Hey all, had a question about Tablet View and how its affecting my content on a specific page (.collection-type-index #danas-priorities). Site PW: bluemini On Desktop and Mobile it looks fine, but Tablet view is doing something wonky. I'd like to make 4 images with text across the screen work for each 'column', but three would work. Just not sure how to do this.