lindseyaz Posted March 29, 2023 Share Posted March 29, 2023 (edited) url: https://ellipsoid-badger-r2lr.squarespace.com/services pw: illi Hello, I'm trying to disable the slide-up animation on the text boxes of the page listed above, or even the entire page. I've tried this code several times, targeting the page, the sections, the text blocks themselves, and nothing is working. #section-id * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; } Thanks for your help. 🙂 Edited March 29, 2023 by lindseyaz clarity Link to comment
Solution tuanphan Posted April 3, 2023 Solution Share Posted April 3, 2023 Add this to Design > Custom CSS /* Services page - disable animation */ body#collection-63d8238b155d5d4716d57083 article * { transform: unset !important; opacity: 1 !important; transition: unset !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lindseyaz Posted April 3, 2023 Author Share Posted April 3, 2023 (edited) That worked! Thank you! Although now I am having a problem using the code on a different page that uses .png images, (the two black arrows at the top of the page) because it gives them a gray overlay as seen here: https://ellipsoid-badger-r2lr.squarespace.com/iam pw: illi Edited April 3, 2023 by lindseyaz Link to comment
tuanphan Posted April 7, 2023 Share Posted April 7, 2023 On 4/4/2023 at 1:42 AM, lindseyaz said: That worked! Thank you! Although now I am having a problem using the code on a different page that uses .png images, (the two black arrows at the top of the page) because it gives them a gray overlay as seen here: https://ellipsoid-badger-r2lr.squarespace.com/iam pw: illi The site is expired. You can access this link to extend it for free Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
deegibson Posted August 19 Share Posted August 19 Hello! I have been having a similar issue. I cannot seem to turn on the fade animation on a single page so my hover effect can work. Upon hovering over an image, text should appear, however due to the sitewide animation it is not working. I can also see the hover effect working in edit mode. Is there code I can use for this page to disable the fade animation? https://fox-scarlet-93ee.squarespace.com/darksideangels/soulsisters Password: Movement Thanks Link to comment
tuanphan Posted August 22 Share Posted August 22 On 8/19/2024 at 1:03 PM, deegibson said: Hello! I have been having a similar issue. I cannot seem to turn on the fade animation on a single page so my hover effect can work. Upon hovering over an image, text should appear, however due to the sitewide animation it is not working. I can also see the hover effect working in edit mode. Is there code I can use for this page to disable the fade animation? https://fox-scarlet-93ee.squarespace.com/darksideangels/soulsisters Password: Movement Thanks I don't see image on this page. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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