Site-wide animation on just one page

Martian · November 3

I'd like to apply the site-wide Fade animation to one or two pages only. (or apply it site-wide and remove it from many pages) Anyone know some CSS for this?

Edited November 3 by Martian

tuanphan · November 6

Apply site wide, then share link to page where you want to remove it, I think we can give some code

Martian · November 6

@tuanphan I actually want to only keep the Sitewide animation on 3 pages only and have all the portfolio pages without the animation www.martiandesign.com

Edited November 6 by Martian

tuanphan · November 8

On 11/6/2023 at 8:53 PM, Martian said:

@tuanphan I actually want to only keep the Sitewide animation on 3 pages only and have all the portfolio pages without the animation www.martiandesign.com

Which page you want to keep animation? Info + Contact + Play or?

Martian · November 8

@tuanphan Homepage, Play, Info

tuanphan · November 10

On 11/8/2023 at 8:42 PM, Martian said:

@tuanphan Homepage, Play, Info

Try this CSS code

body:not(.homepage):not(#collection-5f2b1ed60507d5742a0fb514):not(#collection-62b7404f697843480b2d9415) article section * {
    transition-delay: unset !important;
    transition: unset !important;
}

Martian · November 10

@tuanphan that worked well 🙂

Site-wide animation on just one page

Recommended Posts

Martian

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Martian

Link to comment

tuanphan

Link to comment

Martian

Link to comment

tuanphan

Link to comment

Martian

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources