How to remove fadein animation?

Shopify Discussion

Topic summary

A user seeks to remove fade-in/up animations from their Shopify store using the Cyclo theme. They’ve attempted to delete animation styles from multiple files without success.

Proposed Solutions:

  • Add custom CSS code to the theme’s asset files to disable animations using animation-name: unset !important; targeting .fadeInUp classes
  • Check theme settings for a built-in option to disable animations
  • Insert code snippet before the </body> tag in the theme.liquid file

Multiple respondents provided technical guidance involving theme code editing, though the conversation appears corrupted with reversed text in several responses. The issue remains unresolved as the original poster hasn’t confirmed whether any solution worked.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Cyclo theme

How do I remove all the fade in/up animations? I’ve removed animation styles from multiple files and none of them seem to work.

Any help appreciated

Thanks

1 Like
2

Hi @pwinarsky

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->animation.css

.fadeInUp {
    animation-name: unset !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

3

@pwinarsky

oh sorry or that issue you have easy to manage can you just check theme setting >>>> animation > disable

4

Hello @isaacdob

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team