Canvas Support

data-delay does not work for animation delay

2 replies · opened Sep 11, 2019

GgorkemdurSep 11, 2019

Hi,

I have a slider with a only one full-screen image at the beginning of my homepage. (As in this demo: http://themes.semicolonweb.com/html/canvas/index-fullscreen-image.html)

I have set the animation of caption div to pulse and set the data-delay to 0.

However, data-delay does not work and it waits for a while to display the caption.

PS: Caption is a search form. I also tried with simple text but the result was the same. I also tried to set data-captiondelay to 0 but it did not work, neither.

Here is the current code of the related div.
<section id="slider" class="slider-element force-full-screen full-screen">
<div class="force-full-screen full-screen dark" style="background: url('/home.jpg') no-repeat 50% 0; background-size:cover;">
<div class="container clearfix">
<div data-animate="pulse" data-delay="0" class="slider-caption slider-caption-center">
.....

SSemicolon WebSTAFFSep 12, 2019

Hello,

The data-delay is handled by a 500ms delay by default to handle unexpected timings and display animations in a more reliable way. You can add a negative margin in order to negate this default delay. Consider using the following code:

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

GgorkemdurSep 17, 2019

Thanks, it worked!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
data-delay does not work for animation delay · Canvas Template Support