Support » Plugin: Elementor Page Builder » Animation delay in custom element

  • Resolved anjanphukan

    (@anjanphukan)


    I have created a custom widget with 3 columns in a row. Please check the “Fall in Love With Your New Car” section in the above link.

    Now I want to add animation delay to each columns. I am using this code:

    <?php if( $query->have_posts() ) : ?>
    <?php $delay = 0; ?>
    <?php while( $query->have_posts() ): $query->the_post(); ?>
    <div class="elementor-element elementor-column elementor-col-33 elementor-top-column" data-id="<?php the_ID(); ?>" data-element_type="column" data-settings="{'animation':'fadeInUp','animation_delay':<?php echo $delay; ?>}">
    TEXT
    </div>
    <?php $delay = $delay + 500; ?>	
    <?php endwhile; ?>
    <?php endif; ?>
    <?php wp_reset_query(); ?>

    But it doesn’t work. If I add animated and fadeInUp classes then all columns animates at the same time. But I want to put some delay in each column.

    Can you please suggest how to make it working?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.