How to disable load animation on slider

Hey @asfromdn

Thank you for using Otter!

To disable the autoplay effect, you can open the slider’s settings > Settings > Autoplay – https://vertis.d.pr/i/ONp5VY.

Let me know if this helps!

Best regards,

Andreea

Hi @andreearadacina21 ,
Thanks for the prompt response I am talking about the inherited background color it applies to the slider in initial few seconds. I don’t want to disable the auto play though

Hey @asfromdn,

I believe this depends on the elements you are displaying the slider.

Can you please share more details about the configuration?

• are you using a section block and a slider inside of it?
• are those images SVGs or how are those displayed?

Any details can help me understand the issue better.

Images are png files
Well I have used it inside a section as well as without a wrapper section this adds the animation named as load in both cases initially which applies the background color.

.wp-block-themeisle-blocks-slider .glide__slides {

height: var(--height);
animation: load 4s 3;

}

@keyframes load {

0%,

100% {

background-color: inherit;

}

50% {

background-color: #d8d8d8;

}

}

This is code inside otter-blocks/build/blocks/slider/style.css that causes that greyish background color is there any way we can disable this

Hi @asfromdn,

Please share the website URL where we can see this issue.

@poonam9 It is currently local,
I have shared the loom above for reference.

Hi @asfromdn,

You can add the following CSS under Appearance > Customize > Additional CSS section to override the plugin’s CSS.

.wp-block-themeisle-blocks-slider .glide__slides {
animation: load 4s 3;

}

@keyframes load {

0%,

100% {

background-color: transparent;

}

50% {

background-color: transparent;

}

}

Hope it helps.