Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #739159

    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 6 years, 10 months ago by lzevon.

    Hey lzevon!

    Can you please remove your custom CSS code and post temporary admin logins here privately?

    Best regards,


    I’m working on the site now, but you can use the provided information to remove the custom css to perform your tests. Appearance > Edtor




    I edited style.css file of your child theme. Please review your website now


Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center text on fullwidth slider – not so easy’ is closed to new replies.