Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 9, 2018 at 6:45 pm #954097
    110percent

    Hi,

    I have been trying to change the styling for the easy slider (Not Full width) caption text and its background.

    I would like to position the caption and its background of my easy slider in the centre, at the moment caption is default to the bottom left, I would like to center center the text and make the caption background behind it to width 70% and height 70%.

    See the two Image links of what I am trying to achieve:
    What my easy slider looks like: https://drive.google.com/file/d/1tb6gRVpJNXLrUkPFlxysfIgGlu5oi62H/view?usp=sharing
    What I want my easy slider to look like: https://drive.google.com/file/d/13UcfPMqmmaF_cjXQyy4J70fr39vnEUum/view?usp=sharing

    If you have any suggestions or CSS code of how I can achieve this please let me know.

    Thanks,
    Jack

    May 10, 2018 at 12:17 am #954235
    Guenni007

    well i guess the easy slider got the class avia-small-width-slider – so try: 

    .avia-small-width-slider .avia-caption {
    bottom: inherit !important;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
    width: 100%;
}
    May 10, 2018 at 8:21 pm #954853
    Basilis

    Hi,

    And please let us know if that solution do work for you :)

    Best regards,
    Basilis

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