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

[squarespace 7.1] Disable footer from site-wid animations


sitehut

Question

Hi there, is it possible to disable the site wide animations from affecting the contents within my site footer?

Any help greatly appreciated.

Edited by sitehut
Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you share link to your site? I can take a look My idea is use CSS/JS to remove animation class on only footer

Add to Home > Design > Custom CSS footer#footer-sections * { opacity: 1 !important; transition: unset !important; }  

8 answers to this question

Recommended Posts

  • 0
2 hours ago, sitehut said:

Hi Tuanphan, thanks for the reply. That sounds like a good plan! Here's a link to the site. Password is Password . 

 

https://round-chiton-dymz.squarespace.com

Add to Home > Design > Custom CSS

footer#footer-sections * {
    opacity: 1 !important;
    transition: unset !important;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0

@tuanphan that did indeed work, however it also disables other animations I use in the footer, for example I use the following code to animate links when they are hovered:

/* Link hover transition */

a {
	transition: 0.4s !important;
}

Is it possible to disable the site-wide 'slide'  from the footer, while still enabling the hover transition code? Thanks in advance! 

Link to post
  • 0
3 minutes ago, sitehut said:

@tuanphan that did indeed work, however it also disables other animations I use in the footer, for example I use the following code to animate links when they are hovered:


/* Link hover transition */

a {
	transition: 0.4s !important;
}

Is it possible to disable the site-wide 'slide'  from the footer, while still enabling the hover transition code? Thanks in advance! 

footer#footer-sections * {
    opacity: 1 !important;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0

@tuanphan That almost works, however the slide transition is still occurring, it just doesn't fade/ease in - I've left this active if you wanted to see what I'm referring to (You have to immediately scroll to the footer to see the problem occur).

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...