Site logo

Archived topic

Como insertar Animate.css en LOGO

7 replies · Started by Luis Antonio on June 9, 2016

Viewing posts 1–8 of 8

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>

Thanks!!TOM I love Generatepress

Nice website! :)

Thanks

This archived topic is closed to new replies.