Archived topic
Como insertar Animate.css en LOGO
7 replies · Started by Luis Antonio on June 9, 2016
Spoken spanish? como puedo insertar la libreria animated.css en la etiqueta img "logo"
como puedo editar esa linea para meter la clase de "animated"

Hi there,
You would have to use a child theme.
First, upload the animate.css file to your child theme, or add the CSS from the file into your existing custom CSS.
Then you'll need to remove your logo in "Customize > Site Identity" and add it using HTML into the "Before Header Content" hook in GP Hooks like this:
<img src="URL TO YOUR LOGO" alt="YOUR SITE TITLE" class="animated bounceOutLeft" />
You can adjust the classes as you need :)

Hi, pero el logo queda centrado, lo quiero dentro del menu
Ah, in that case you'll need to upload the logo using Menu Plus in "Customize > Menu Plus > Sticky Menu" and set it to display on Regular + Sticky.
Then add this javascript into the wp_footer hook in GP Hooks:
<script>
jQuery( document ).ready( function( $ ) {
$('.site-logo img').addClass('animated bounceOutLeft');
});
</script>
Nice website! :)
Thanks
