How can we add animation to the logo?
can we use animate.css and wow.js?
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
how we will add css class to logo since we add the logo from settings?
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">
Hi,
You can add in header.php via jquery:
<script>$('strong.logo.bg-logo').addClass('className');</script>
Best regards,
Jordan Shannon
Animate option for the logo will be very neat :)
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