Text animation on slider

[Anton]

Hello
How can I disable text animation on agama slider? There are only options to change animation but no option to disable it
Best regards

[Zex]

Hello, Anton!

Try to insert the following CSS code into Customizing->General->Additional CSS:

h2.slide-title,
.cameraContent{
    opacity:1!important;
    display: block!important;
    animation: none!important;
}

Regards

[Anton]

I have 3 slides and all titles are collapsed in one after adding csscode

[Zex]

Can you give me your website address?

[Anton]

This reply has been marked as private.

[Anton]

And if there any options to change position of the text on the slide

[Zex]

Hi,

Replace the code I give you earlier with the next one:

h2.slide-title,
.animated,
.cameracurrent
{
    opacity:1!important;
    display: block!important;
    animation: none!important;
    
}

if you want to change the Slide text and button position, try to additionally add the following CSS code:

.slide-title{
	margin-top:-5em!important;
	margin-left:-5em;
}

change the margin values per your needs.

Regards

[Anton]

Thanks a lot!

[Zex]

If you want more customization, instead of Agama Slider, you can try to create your sliders using the “Layer Slider” or “Revolution Slider” plugins which you already got with the Agama-Pro theme.

https://docs.theme-vision.com/article/setup-a-revolution-slider/

https://docs.theme-vision.com/article/setup-a-layer-slider/

Regards

[Author]

Posts