Community forum for knowledge and support

Updated last month

Webflow Animation Not Running After Changing Background Color

At a glance

The community member is experiencing an issue with the animation in layout 484 not running after importing it to Webflow. They suspect this may be due to changing the background color of the website from white to black, which could have conflicted with the animation. A community member responds that the animation will only work on the published site, not within the Webflow designer. They suggest selecting the layout484_text element and changing the color to the desired color, as the animation is using opacity. Additionally, they recommend updating the classes in the custom code if the classes have changed during the import, and ensuring there are sections above the layout so that there is scrolling.

Hey team - using layout 484, when I import it to webflow, it's not running the animation. This could be because I changed the background colour of the website to black, not white - so maybe it is still running but because I've changed the text colour and background colour it might have conflicted ?

M
1 comment

@Oli Cheveralls it'll only work on the published site - not within the webflow designer. If you've inverted the colors, simply select layout484_text and change to whatever color you want. The animation is just using opacity. Secondly, if you've imported this via site builder and the classes have changed, be sure to update those classes in the custom code.

Also be sure you have sections above so that there is scrolling.

Attachment
image.png
Add a reply
Sign up and join the conversation on Slack