Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 22, 2023 at 3:07 pm #1398893
    idelaydis

    I’ve been trying to horizontally center the caption text on the full screen slider. Right now on larger screens it shows a off-center to the left a little bit, and on smaller screens the text is cutoff a tad bit on the right margin. I’m sure CSS will fix this, I just can’t seem to target the right class to make this happen. Thank you for your help.

    • This topic was modified 1 year, 9 months ago by idelaydis.
    February 22, 2023 at 6:52 pm #1398927
    Rikard

    Hey idelaydis,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-fullscreen-slider .caption_container {
    max-width: 100%;
}

    Best regards,
    Rikard

    February 22, 2023 at 7:02 pm #1398934
    idelaydis

    Unfortunately, that doesn’t seem to work. Any idea why? I tested on both a computer and my iPhone. Not change was evident. Thank you.

    • This reply was modified 1 year, 9 months ago by idelaydis.
    February 22, 2023 at 7:05 pm #1398936
    idelaydis

    Nevermind. I added an !important to the CSS and it’s working now. Thank you so very much.

    February 23, 2023 at 4:22 am #1398955
    Ismael

    Hi,

    Great! Glad to know that the suggestion above worked. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Horizontally Center Full Screen Slider Caption’ is closed to new replies.