Animation words or text

See http://cssanimate.com/

Does Customizr have a “Custom CSS” option?

Remember that you have to change this bit in the generated code:

.element-animation

Change it to match the element you want it to match.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

Change it to:

.entry-content li

Try applying a different animation length for each <li>. E.g. in that cssanimate.com site create another animation for the 2nd bullet point with a 2 second Duration. Copy that code and apply it to the second <li> just under this bit of your code:

.entry-content li {
 ...
}

You can apply CSS to the second, third, fourth (etc.) <li> elements through the CSS “nth-of-type” selector http://www.w3schools.com/cssref/sel_nth-of-type.asp

E.g.:

.entry-content li {
 ...
}

.entry-content li:nth-of-type(2) {
  animation: animationFrames linear 2s;
  animation-iteration-count: 1;
  transform-origin: ;
  -webkit-animation: animationFrames linear 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -moz-animation: animationFrames linear 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -o-animation: animationFrames linear 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -ms-animation: animationFrames linear 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
}

So when you’re creating the code for the other <li>s, with more duration, you just want to copy this bit over from cssanimate.com:

.element-animation{
 ...
}

All the other code generated is just duplication.

E.g.: http://cssdesk.com/6H7zP

You’ll notice that longer words will appear sooner

great Andrew 🙂
FranG also, let’s say you want those animations just for some specific ul, you can add a class to those ul:
<ul class="animated">
and then, as Andrew suggested above use:
.animated li

Don’t give up 😀
Where are those rules now? Cannot see those effect in that page, and cannot see those rules in your custom css.
Anyway let’s do some spring clean, from your custom css, remove this:

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-51082762-1', 'rrplanning.pt');
ga('send', 'pageview');

</script>

This is a script cannot be put in the css. See here how to have ga in customizr: http://www.themesandco.com/snippet/adding-google-analytics-customizr/