Search the Community
Showing results for tags 'page-specific'.
-
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 🙂
-
Complications Using CSS To Reduce Section Minimum Height
dsestito101 posted a question in Coding and Customization
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. -
Transparent Header on Front Page only (7.1)
CaptainMaze posted a question in Coding and Customization
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.- 49 replies
-
- transparency
- homepage
-
(and 2 more)
Tagged with:
-
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.
- 16 replies
-
- logo
- squarespace-7.1
-
(and 1 more)
Tagged with:
-
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?
-
[Share] Remove Header on Entire Site - One Page
tuanphan posted a question in Coding and Customization
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; } -
How to change logo on specific pages in 7.1?
paulzforeman posted a question in Coding and Customization
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!- 23 replies
-
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
- 1 reply
-
- page
- page-settings
-
(and 1 more)
Tagged with:
-
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.
-
Change Background Color of one Page in Avenue
MorganRamberg posted a question in Coding and Customization
I'm trying to change the background color of just one of my gallery pages to white? I use the Avenue template.- 5 replies
-
- background
- color
-
(and 3 more)
Tagged with:
-
Applying CSS code ONLY on product description pages
Nana-nana posted a question in Coding and Customization
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!- 1 reply
-
- css
- page-specific
-
(and 3 more)
Tagged with:
-
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?
- 1 reply
-
- title
- page-specific
-
(and 1 more)
Tagged with:
-
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?
-
Possibility of adding the slideshow within a section
Nomadiq posted a question in Coding and Customization
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-
- customized
- gallery
-
(and 3 more)
Tagged with:
-
have shopping cart only appear on one page
balletsv_kate posted a question in Coding and Customization
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.- 2 replies
-
- add-to-cart
- page-specific
-
(and 2 more)
Tagged with:
-
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
- 3 replies
-
- custom-css
- page-specific
-
(and 1 more)
Tagged with:
-
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?
- 8 replies
-
- pacific-template
- mobile
-
(and 2 more)
Tagged with:
-
Changing the color of the background on a single page.
Alexis_T posted a question in Coding and Customization
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!- 5 replies
-
- color
- background
-
(and 2 more)
Tagged with:
-
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!
-
Remove padding from certain index pages
katepeerdesign posted a question in Coding and Customization
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
- 1 reply
-
- page-specific
- code
-
(and 2 more)
Tagged with:
-
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!
- 14 replies
-
- momentum-template
- blog-post
-
(and 2 more)
Tagged with:
-
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...)
-
Can I show my secondary navigation on unlinked pages only?
Seyda posted a question in Coding and Customization
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