Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1216804

    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, 1 month ago by aovivo.
    #1217067

    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

    #1217578

    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!

    #1218125

    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

    #1218799

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

    thanks

    #1218968

    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

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