adding html/css to a specific page

[alexandrap]

http://laythemetest2.arminunruh.com/ball2/

I have this animated gif (above) that I want to animate across a project page, but when I go to +More/+HTML, it doesn't seem to work. Any tips on how to customize html/css on specific pages?

[arminunruh]

I'm, not really sure what you mean by "I go to +More/+HTML, it doesn't seem to work"

Ok so if you want a gif just on one page, you can add it as a normal image in the gridder.

Here is a little tutorial about using css for specific pages: http://laytheme.com/documentation.html#menu-color-based-on-current-page

In "Lay Options" -> "Custom CSS & HTML" you can also add html to the top or bottom of your page. Then you could show/hide it by using custom css.

[alexandrap]

@arminunruh Yeah by that I meant adding HTML CSS in the gridder.

For the gif, I want the gif to animate from one side of the page to the other on infinite loop.
http://laythemetest2.arminunruh.com/kindergarten-diaries/
A of now it's just sitting in the left corner.
Thanks for the quick reply!

[arminunruh]

When you go to lay options -> custom HTML and CSS -> HTML at top
you can enter the markup for your image. Now you would need to use CSS animations.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

Please take a look around the web to learn how they work.