Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #760446

    How can we add animation to the logo?
    can we use animate.css and wow.js?

    #760518

    Hey amrod1,

    Yes animations are possible within Enfold.

    You can add your CSS in Dashboard > Enfold > General Styling > Quick CSS or inside the /enfold/css/custom.css. We use CSS animations in a lot of different areas. You can find examples in the following files.

    
    /enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.css
    /enfold/config-templatebuilder/avia-template-builder/assets/css/avia-modal.css
    /enfold/css/layout.css
    /enfold/css/shortcodes.css

    As for Animate.css You can add this to your functions.php file to include it in the footer.

    add_action( 'wp_footer', 'enfold_customization_custom_js' );
    function enfold_customization_custom_js() {
    ?>
    <script type = "text/javascript" src = "URL to your script"></script>
    <?php
    }

    Best regards,
    Jordan Shannon

    #763410

    how we will add css class to logo since we add the logo from settings?

    #763418

    Hi,
    You could use the current class .logo > a { }

    Best regards,
    Mike

    #767826

    it will not work like that,
    I want to use wow.js and animate.css so I need to add classes to logo section.
    for example:
    <strong class="logo wow flipInX">

    #767855

    Hi,

    You can add in header.php via jquery:

    <script>$('strong.logo.bg-logo').addClass('className');</script>

    Best regards,
    Jordan Shannon

    #799278

    Animate option for the logo will be very neat :)

    #799283

    Hi,

    If this is something you would like to see in a future release please add it to the feature requests. https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.