Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'parallax'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Is it possible to create a horizontal scrolling design on squarespace? like the following examples: BANILA STUDIO kern inc. Thecs – Portfolio WordPress Theme (3theme.com) Roberto. - Onepage Horizontal Personal CV/Resume HTML Template Preview - ThemeForest Thanks in advanced!
  2. Site URL: https://www.blueridgeresearch.com/home2 When viewed on my phone, my site has a black bar between each banner image on the Index page using scrolling parallax. (See bottom of image below with red arrow) It looks fine on the desktop. I have tried adjusting padding, etc. in the site styles but nothing has worked. Does anyone have CSS code that will close up the space between banner images on the Index page in mobile view? I appreciate any help I can get. Thank you very much. htpps://www.blueridgeresearch.com/home2
  3. Hi everyone, I've spent the best part of 2 hours trying to figure out where the parallax option is for my 7.0 Margot template. I don't have developer mode on and am driving myself nuts! Can anyone put me out of my misery?! Thank you
  4. Site URL: https://www.dentalartlimited.co.uk Hello I have added Parallex code found on this website (https://stnsvn.com/blog/how-to-add-parallax-scrolling-squarespace-7-1) to make the image on the front page have the parallax effect however it is very glitchy and stuttery, does anybody know how to fix this ? Any help would be greatly appreciated. I have screenshotted the section that I am trying to make parallaxed.
  5. Site URL: https://chimes-halibut-ljr4.squarespace.com/ [Client Request] Hey all, I basically want to add an image background that is fixed relative to the screen. So I'm thinking add a fixed image behind everything, and make the background (colours) of all sections on top transparent. Just wondering if this is possible with CSS? Edit: So I have something working for the home page, although it's not ideal as it doesn't work on mobile. I have made another Home test page with what it was before (footer edit is site wide so can ignore that for now.) Password for site: 123 Cheers in advance!
  6. Site URL: https://matey.app/home Hello! I'm trying to replicate the parallax scrolling from the images on this website: https://cuberto.com/projects/flipaclip/ Is it possible to apply this to Image Blocks, specifically the Card format? Thanks! 473497186_ScreenRecording2021-11-09at5_59_03PM.mov
  7. In trying to create a parallax-like home page I used the Image Effect Tilt. It seems however that it only works on the first background image and not consequent ones. Anyone else having this issue or know of a fix? Alternatively, will Parallax ever become a feature on 7.1? It seems such a normal feature for website nowadays and having that as the only reason to upgrade the website to Business does not sit well with clients.
  8. Site URL: https://www.jennamacphoto.com Hi there, I was hoping someone could help make my mobile site look exactly like the desktop version (www.jennamacphoto.com). The only issue is the index blocks have been cropped in mobile view so you can't see the image properly. I would like to keep the parallax text overlay function if possible too please. If not, could you please tell me how to disable mobile view please? Thanks so much!! Any help would be appreciated!
  9. Site URL: https://www.squarespace.com/sell-anything/time I have a question about an effect on page on squaresapce.com This site https://www.squarespace.com/sell-anything/time has an image scroll parallax effect and I am wondering if this is a "built in" behaviour or did they create this with custom code? Thanks
  10. Site URL: https://www.parkbrewing.company/ I have been using a custom script (https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1) for background image parallax, but recently it became buggy and started having lots of issues displaying correctly. I fought with it for a while and had some success, but finally decided to dump the script and revert back to the native square-space image effects. Our site mostly uses the tilt effect, but when I apply native image effects on background images, the image often flips horizontally (or vertically?) it displays upside down. What gives, why is this happening and what can I do? I just want to have slight parallax on background images to add some depth to our artwork. I've also noticed that the background images that are flipped (displaying upside down), travel or tilt in the opposite direction (or correct direction for proper parallax). I've tested on a couple of different devices and browsers and the issue isn't isolated to the editing browser. Can you change the native tilt direction of the image, assuming we can sort out these other issues first? Also the first image on this page https://www.parkbrewing.company/lineup is somehow cut off by a white box, I imagine its some type element style - overflow "hidden" issue or image card wrapper, but I can't resolve this.
  11. 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 🙂
  12. Site URL: http://www.glowing.org/playing4theplanet/ Hi we were trying to do a "Scrollytelling" element in our Brine 7.0 site -- I tried to enable parallax but it doesn't show up where it's meant to in Site Styles so we tried to get creative with code injection but it isn't working. Any advice? <div class="scrolly"> <div class="floaty">It's not all ocean out there, <br><em>but it's close!</em></div> <div class="scrolly-section"> <div class="scrolly-figure"> <img src="https://source.unsplash.com/tWWCqIMiUmg/500x380" alt="Beach Water Scene"> </div> <div class="scrolly-article"> <p>Covering more than 70 percent of the Earth's surface, our Ocean - which is one body of water across the entire globe- supports the livelihoods and nutritional needs of billions of people and is home to millions of species.</p> <p>Marine ecosystem services comprise more than 60 percent of the economic value of all life on Earth, with one in ten people relying on marine fisheries and aquaculture for their livelihood.</p> </div> </div> <div class="floaty"><br><br>Oceans keep you cool.<br><br></div> <div class="scrolly-section"> <div class="scrolly-figure"> <img src="https://source.unsplash.com/kf4GQEmaIOs/500x380" alt="Beach Water Scene"> </div> <div class="scrolly-article"> <p>The Ocean makes life on earth habitable, regulating weather and temperature patterns while serving as a critically important carbon sink, through ecosystems such as mangroves, seagrasses, and chemical processes.</p> <p>Some estimates say that the Ocean absorbing as much as 90% of the additional heat that carbon emission have trapped in our atmosphere, which has slowed the impacts of a warming planet.</p> </div> </div> <div class="floaty"><br><br>But this is un-cool:<br><br></div> <div class="scrolly-section"> <div class="scrolly-figure"> <img src="https://source.unsplash.com/RUqoVelx59I/500x380" alt="Beach Water Scene"> </div> <div class="scrolly-article"> <p>However, 2/3 of the Ocean has been negatively impacted by human activity from pollution to unsustainable and overfishing to climate change, which is jeopardizing its ability to deliver the services that are vital to maintaining human well-being and healthy biodiversity.</p> <p> Coral reefs that support 25 percent of all marine life are at risk of disappearing if our planet warms above 1.5 degrees Celcius over pre-industrial levels. <strong>Right now we are at 1.2.</strong> </p> </div> </div> <div class="floaty"><br><br>The time to act is now!<br><br></div> <div class="scrolly-section"> <div class="scrolly-figure"> <img src="https://source.unsplash.com/I9y_6J-HhY8/500x380" alt="Beach Water Scene"> </div> <div class="scrolly-article"> <p>At least 33 percent of fish stocks are currently overfished with 33 to 50 percent of critical marine habitats lost.</p> <p>Reversing this trend requires immediate intervention by governments and innovation by the private sector to transform from business as usual.</p> <strong><p><br>World Leaders will meet several times in 2021 and we want to show them we are paying attention and that we care!</p></strong> </div> </div> </div>
  13. So I've asked the "Customer Care" team a few times about this issue. Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content. I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really. So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile. We predominantly use Sonora and Mojave templates. Perhaps it isn't as bad on some templates? Thanks.
  14. Site URL: https://www.thepostmarkoh.com I recently changed my template and love the effects of the parallax scrolling. I've been working REALLY hard on SEO and it seems that the index/parallax idea is messing it up. It's messing with hiding the pages so they don't get pulled up because part of the index is just a simple picture. It's messing with speed and google dings you for that. Anyone able to look at my page and give suggestions on how I can get that scrolling effect but not have to have individual pages to make this happen. Individual pages-- with low word count-- to multiple pages with only a picture for content.. Thanks!
  15. Site URL: https://www.bbqfestjax.com/ password: jax We have built multiple sites using the Brine-based Feed template. We use index pages with sections built within the index page using pages. We sometimes pick a Banner/thumbnail image to display in the background of the page section on the index page. I've not had issues on other sites, but on this new site, on the homepage, there is a page section with text that says "Pitmaster Lineup". I have an image selected that should display in the background, but it doesn't. You just see the image from the hero section at the top. Any ideas? This is working on other sites, like the homepage of https://www.qinthelou.com/ Thanks!
  16. LeadPages and Samcart have an option where you can make the next section of your webpage show up after X number of minutes. This is helpful if say someone has a video on a page, and at the 8th minute of the video, they want the remaining sections on the page to be visible (like a sales page). Does anyone know if this can be done in Squarespace? I image some modified coding on the parallax setting might achieve this, but I'm hardly savvy enough to know. Anybody know?
  17. Just what the title says I'm about to throw my laptop out the window. It shouldn't be this hard to fix a problem that everyone has. - How do I turn off the parallax on the mobile version of my website. No, I do not know HTML or anything alike, hence why I am making a website on SquareSpace?!
  18. Site URL: http://www.allkings.org We had been successfully using the code shared here in this tutorial: https://www.launchthedamnthing.com/blog/use-parallax-in-squarespace-71 Until last weekend, we hadn't made any changes to the site and suddenly the parallax is off, and the layers are overlapping. I've disabled the script for now, but wondering if there may have been an update to 7.1 that would have changed things? We're still on that same version, and the tutorial is there to match it, but the problem is there.
  19. Site URL: https://raspberry-ladybug-nhm8.squarespace.com/config/pages Hello, I'm trying to figure out if there is a way to resize some of the photos for the mobile version and tablet. My homepage looks terrible on these two versions. and the flower doesn't look so great either. the images are too cropped. How can i have a smaller version of the images that fits fully Thank you.
  20. Site URL: https://circlenewlanguage.com/ Hello, I know this is an on-going problem that has not been properly fixed in years... But I'd like to know, if by any chance, some has discovered how to fix this problem with the choppy parallax thing that takes place when the site is viewed on a mobile device or tablet. (I'm using SONORA Template btw, 7.0) OR, if there's no way around this, I'd like to know if you could tell me how I can disable this effect on mobile devices only. Thanks in advance!
  21. Site URL: https://thecreativeinka.com/branding-2 After hours of searching for an answer, I haven't found it. Hope you all can help! I've been using plenty of Custom CSS code snippets on my site revamp on my Brine template 7.0, and on this one specific page, I have no clue where I possibly broke the code. I have a feeling it's in the #cta-button custom code, but I have no clue what part of it - it LOOKS right to me. The first attached image is where the problem lies I think. This whole index-page is supposed to be dark green background with light mint green text, and mint button centered. Second image is another test page showing how this section is supposed to look. The URL for the broken index-page is below and. the background is also not supposed to be fixed in the back of ALL sections - it's supposed to only be the parallax banner image for the top index-page section. https://thecreativeinka.com/branding-2 What the above URL is supposed to resemble: https://thecreativeinka.com/website-design-2 Bit more info on the #CTA-Button code. - it contains a code block with <div> code to create the button, styling in Custom CSS, and a javascript code in footer injection. Again, it's my assumption this is where the problem lies, but I'm not sure. Halp. Thanks!!
  22. Hi ! I was wondering if there is a way to create overlapping section rather than background. Something similar to parallax effect but for entire section content not just its background. For example, I want as I scroll down section 2 to cover section 1 (both background and text) rather than only covering the background. Currently, I am using the parallax code from https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 I really appreciate your help! @tuanphan
  23. Site URL: https://clar.dev/fr Hi! I wanted to see if an effect was doable in SS templates (maybe Brine?). I want to replicate this parallax effect in the example site, specifically the overlap in sections going from the blue section to the green (see attachment). Any help is much appreciated! Kindly, Shane
  24. Site URL: https://www.naturalbornorganizers.com/welcome The background images on the homepage move while on mobile. I don't see it inside of the SS viewport, but I notice it on my phone. Address: https:www.naturalbornorganizers.com/welcome
  25. Site URL: https://vinculum.ai/ I'm trying to figure out how to add particles on the left and right sides of a website like this: https://vinculum.ai/ Would someone be able to help me understand how to add code to the margins of a site and allow it to be responsive (like flexbox) so as the page increases/decreases, the particles on the side move back and forth? I'm not sure what to target the code injection for or how exactly to build this cool thing, but would love to give it a shot :) Any suggestions?
  • Create New...