Header image static and different text sliding over it

Hi sir,

I want to make the front page header image static and have different text sliding over it. How can i do it.?

Link to my website- http://ec2-18-222-197-70.us-east-2.compute.amazonaws.com

Thank You.

Hello,

I want to make the front page header image static

I suppose that you want to disable header slider parallax. If it’s correct, please check this topic:

…and have different text sliding over it

You can edit header slider text in Customize → Header area → Header Slider section.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi,

Sorry sir that was not my question. i do need the parallax effect . But here i need one image and different title sliding over it. Right now i have put 2 same image to two slides so im seeing the image transitioning between them.

Thank you.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#slideshow .slide-item {
    opacity: 1 !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello ,

It worked . But it arose a new problem. The text isn’t sliding smoothly now. It looks as if it is sliding in from half a way . Please check the website link.

Hello,

Try to use this CSS code as a workaround to disable text animation.

#slideshow .text-slider {
    animation-name: none;
}

Kind Regards, Roman.

Thank you for the help :slight_smile:

You are welcome! :slight_smile:

Kind Regards, Roman.