When my Wordpress page at https://www.twerskitorah.com/ renders, it doesn't just appear on the page. Instead it kind of slides in from the left to the right and I want to stop this. I've looked for 'transition:' in several places and can't seem to locate where this should be changed. Is CSS causing this? How can I turn it off?
This site uses the generatepress theme and the pagelayer plugin.
I have added transition: none; to the html section of the all.css file but the content still slides in I have added this code to combined.css in pageplayer and the problem persists. I am not sure where to look or where to put the 'none' directive.
Thank you!
Ideally you’d be able to take out all the animation from the JavaScipt and have the final values right in the CSS, but if you’re looking for a quick fix before shabbos, it looks like the transition is being set on the [pagelayer-id] selector.
[pagelayer-id] {
transition: none;
}
Assuming your authored CSS comes after the theme-provided CSS, that should work. If not, you may have to hack it with !important (unless you can refactor the whole thing with @layers).