Center text on fullwidth slider – not so easy

I have been through maybe 12 different tickets from other users related to the subject of caption positioning on the Fullwidth Easy Slider and I’ve spent a considerable amount of time trying to figure out how to center text on my Fullwidth Easy Slider. Here is the cast of characters…

1. slide image – 1920 x 694
2. existing experimental CSS

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title { font-size: 3.25em; font-weight:normal; width: 100%; }
.avia-caption-content p { font-size: 2.0em; font-weight:normal; line-height: 1em; }
.slideshow_caption { margin: 0; padding: 0; } /* experimental */

3. link to page provided

Ideally I could have a responsive slider that would center the text in the whitespace above the contents of the image (call it top/centered). Current caption positioning is “Left without Frame” – but I’ve been through them all and tried myriad things with the CSS to get it to work;Width 100% and left or right 50%, etc.

I would sure appreciate any guidance and if you feel working with the LayerSlider is a better choice (I’ve wondered which is best for responsive layouts) and it’s possible using it instead of Fullwidth Easy Slider, I’m open to that.

• This topic was modified 7 years, 10 months ago by lzevon.