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

Disable site-wide animation for specific elements


salondaome
Go to solution Solved by bangank36,

Question

Site URL: https://hyperboloid-finch-3kll.squarespace.com/

I have site-wide animation enabled but want to disable it for the text + button of a specific section on one page. I've tried using data-section-id to target it but either my code was wrong or it didn't work. See attachment for the section in question - it's at the bottom of the "About" page. Any help would be much appreciated! Site password is "preview".

Screen Shot 2020-10-28 at 3.12.48 PM.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: https://hyperboloid-finch-3kll.squarespace.com/ I have site-wide animation enabled but want to disable it for the text + button of a specific section on one page. I've tried using data-sec

@bangank36 Yes this was the solution! Thank you so much 🙂

Posted Images

2 answers to this question

Recommended Posts

  • 1

Hello there,

1. You can find the block id using Find Squarespace Ids Chrome extension

2. All the animation has same class name so disable for that block like

section[data-section-id="5f971ec784fb155f387c538c"] .preFade {
    transition-property: none;
}

image.thumb.png.74cb531ff69a2842bfb3b16c8a75e4af.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...