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

    Ahoy,

    How do I move the easy slider caption to the right center?

    #688325

    Hi mcraig77,

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

    .avia-slideshow-inner .avia-caption {
        left: auto !important;
        right: 17px;
    }

    Thanks,
    Rikard

    #688742

    Close,

    I wanted it centered right. I added this to the code

    .avia-slideshow-inner .avia-caption {
        left: auto !important;
        right: 90px;
        bottom: 200px;
    }
    

    and it does center it but when I strink it down for mobile it looks weird. Screenshot

    Anyway to keep it centered right and when I minimize or view on mobile it will stay centered right not overlapping the persons image?

    #689323

    Hi,

    You can try wrapping you code in a media query for it to only apply to sizes above mobile:

    @media only screen and (min-width: 768px) {
    .avia-slideshow-inner .avia-caption {
        left: auto !important;
        right: 90px;
        bottom: 200px;
    }
    }

    Then your CSS for mobile goes into this query:

    @media only screen and (max-width: 767px) {
    MOBILE STYLES HERE
    }

    Regards,
    Rikard

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