Slider with overlay and excerpt from post


In my slider I put overlay and excerpt from post referred from your answers from previous forums.

My problem is that the excerpt is quite too long and appears under the overlay. I would rather want it in front of the overlay and just fit right exactly within the overlay.

Attached is a screen shot of my slider.



I’ve managed to limit the number of words of the excerpt().

My concern now is that the excerpt is still under the overlay.

Then I just realized that on Ipad the overlay doesn’t show while on mobile the text and the overlay don’t show.


Hi @efranches,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Best Regards,


Here’s my site


First of all please revert all the custom changes you have made in the slider using custom CSS which is causing this issue.

Then use the custom CSS code shared in the following topic to achieve this.


The css in the link worked, thanks a lot.

More power…

Best regards.

You are most welcome here :slight_smile: