Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2020 at 6:41 am #1216804
    aovivo

    Hi there, I checked everything, removed and reset CSS and Theme settings. Couldn’t find a way to center the buttons ob my Slider: I also tested a different Slider Slideshow etc.. the buttons remain left centered (on smartphones aswell).

    any idea what this might be?
    Could you check?

    thanks

    • This topic was modified 4 years, 6 months ago by aovivo.
    May 27, 2020 at 5:30 pm #1217067
    Nikko

    Hey aovivo,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    #top .avia-fullscreen-slider .slideshow_align_caption {
    text-align: center;
}

    Best regards,
    Nikko

    May 29, 2020 at 5:56 am #1217578
    aovivo

    Hi Nikko,
    this helped so far for the big screens. Thanks so much for helping.
    However, on a smartphone (portrait mode) it looks weirder than before, since its neither centered nor aligned to the left (as before).

    Is it possible to exclude the code from above from smaller screens? I mean, not deactivating the buttons, but excluding the center alignment for smaller screens…

    thanks in advance!

    May 31, 2020 at 6:13 am #1218125
    Rikard

    Hi,

    Please try this CSS instead of what Nikko sent:

    @media only screen and (min-width: 768px) {
#top .avia-fullscreen-slider .slideshow_align_caption {
    text-align: center;
}
}

    Best regards,
    Rikard

    June 2, 2020 at 4:44 pm #1218799
    aovivo

    That’s it! Worked perfectly.
    Any idea, why it is not centered although I chose the option for it?

    thanks

    June 3, 2020 at 8:58 am #1218968
    Rikard

    Hi,

    Great, I’m glad that the code worked out for you. I’m not sure why it doesn’t take the settings to be honest with you, but if the code I sent is working then please keep that in your Quick CSS for now.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.