JA Healthcare - Module Positions in xLayout: Page 2

JA Healthcare - Module Positions in xLayout

webmonfo

pavit
Hello Pavit,

thank you for your help.

I tried several hours to understand the code but i have not figured it out.
It's a pity because we need the 28 articles in this point and the animation-secquence looks quite better then popping up all at the same time. Also on the Home it not looks as good as the sequence 🙁
it works until article 14. when you add a 15th article it will crash the sequence.

pavit

Hi webmonfo

A solution could be adding each delay for each single item

starting from the top left it rename articles as

so you can change the delay for each single item adding code to custom.css file

.enable-effect .ja-inview .ja-animate[data-delay="item-0"], .enable-effect .ja-inview .ja-animate.dl-item-0 {
animation-delay:1000ms!important;
}
.enable-effect .ja-inview .ja-animate[data-delay="item-1"], .enable-effect .ja-inview .ja-animate.dl-item-1 {
animation-delay:1100ms!important;
}
.enable-effect .ja-inview .ja-animate[data-delay="item2"], .enable-effect .ja-inview .ja-animate.dl-item-2 {
animation-delay:1200ms!important;
}
.enable-effect .ja-inview .ja-animate[data-delay="item-3"], .enable-effect .ja-inview .ja-animate.dl-item-3 {
animation-delay:1300ms!important;
}

and so on for all 28 items , this will give you more flexibility to animate rows , single items , or columns

Hope it helps

« Previous Page