Classic Slider with text

[Aph100]

Hi, I am using a Classic slider with text only. to keep the text away from the edge of the column, I have added the following:
.x-slide {
padding: 15px 10px 10px 10px
}

.x-slide-clone{
padding: 15px 10px 10px 10px
}

This seems to work, apart from the fact that on a couple of slides I can see a bit of text from the previous/next slide

I assume that my css above is wrong.

Any pointed would be much appreciated

Alex

[nabeel]

Hi Alex,

Thank you for reaching out to us. I checked your site and I see the padding you added to the slides is causing the issue. It is disturbing the width of the slides because the width is being calculated on the fly, with additional padding the calculated width is more than the actual that’s why you’re seeing text from the next or previous slides. Please remove your code and try using this one instead:

.x-slide p {
    padding: 10px;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

[Aph100]

Thanks that worked. I see where I went wrong

Alex

[friech]

You’re most welcome,

Cheers!