Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2016 at 6:07 am #687829
    mcraig77

    Ahoy,

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

    September 19, 2016 at 7:39 am #688325
    Rikard

    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

    September 19, 2016 at 8:02 pm #688742
    mcraig77

    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?

    September 20, 2016 at 3:24 pm #689323
    Rikard

    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

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