kristihoffman Posted July 2, 2020 Share Posted July 2, 2020 Site URL: https://www.susanswartz.com/available-work Hello, I have a newly published artist website, and the artwork is displayed by series on a portfolio page. When scrolling down, the images take quite a bit of time to load so that the page initially appears blank. After chatting with a Squarespace rep, I was advised to remove animations. I tested this, and while it was successful, it is a site-wide change. I am in search of a bit of code to add to this particular page to remove animation from this page only. Any help is greatly appreciated! K Link to comment
rwp Posted July 3, 2020 Share Posted July 3, 2020 Does this work? [data-section-id="5ea10d0c31650d63e22d108a"] .slideIn { opacity: 1 !important; transform: none !important; } [data-section-id="5ea10d0c31650d63e22d108a"] .preSlide { transform: none !important; transition-property: unset !important;; } tuanphan 1 Link to comment
bybridges Posted January 4, 2022 Share Posted January 4, 2022 Didn't work for me. Hoping someone else might have an answer! Link to comment
tuanphan Posted January 4, 2022 Share Posted January 4, 2022 10 hours ago, bybridges said: Didn't work for me. Hoping someone else might have an answer! Try edit page >> Add a Code Block (anywhere) >> Paste this code >> Save & reload the site <style> .slideIn { opacity: 1 !important; transform: none !important; } .preSlide { transform: none !important; transition-property: unset !important;; } </style> If it doesn't work, pleaes share page url, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
coachfident Posted February 24, 2022 Share Posted February 24, 2022 thanks @tuanphan. For me that didn't work. Do you have an idea what else could work? https://www.coachfident.net/karriere-beratungsgespraech-sichern Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/24/2022 at 10:59 PM, coachfident said: thanks @tuanphan. For me that didn't work. Do you have an idea what else could work? https://www.coachfident.net/karriere-beratungsgespraech-sichern Try this new code (Design > Custom CSS) body#collection-621780135963ec65b3fc29cc * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; } schmutzie 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
schmutzie Posted March 29, 2022 Share Posted March 29, 2022 I was just looking for this very thing. Thank you so much! It worked on my client's site beautifully. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment