Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 6, 2014 at 8:43 pm #275803
    smorrone

    hi guys, i am using easy slider, and by deffault the title caption and text caption are inthe bottom left. I want to move them to the bottom right. From where can i change that?
    Also want to resize the slider to specific height and with.

    Thanks
    Salvador

    June 7, 2014 at 7:29 am #276011
    Ismael

    Hi smorrone!

    Thank you for using the theme.

    You can add this code on the Quick CSS field or custom.css file to move the caption to the right of the slider:

    .avia-caption {
bottom: 17px;
right: 17px;
}

    The slider inherits the size of the container. This is what makes the slider responsive, so we wouldn’t recommend adding a specific width and height to it. If you really need to change the size, please use this css code:

    .avia-slideshow {
width: 50%;
}

    Cheers!
    Ismael

    June 9, 2014 at 2:51 pm #276437
    smorrone

    Hi Ismael i put the code that you give me, but nothing changes, i inspected using “inspect element” and found that this seems to override the code you gave me
    media=”all”
    .avia-caption {
    position: absolute;
    z-index: 10;
    bottom: 17px;
    left: 17px;
    padding: 10px 20px;
    color: #fff;
    border-radius: 3px;

    what shoul i do?

    June 9, 2014 at 6:07 pm #276496
    Yigit

    Hi!

    Please change the first code we have suggest above to following one

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

    if that does not work, please post the link to your website

    Cheers!
    Yigit

    August 12, 2018 at 11:42 am #996432
    Levante Golf
    This reply has been marked as private.
    August 12, 2018 at 12:28 pm #996436
    Yigit

    Hi,


    @ProTravelGolf     could you please elaborate on the changes you would like to make? If it would be easier to explain with screenshots, you can upload them on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    August 12, 2018 at 12:54 pm #996440
    Levante Golf
    This reply has been marked as private.
    August 13, 2018 at 9:34 am #996594
    Ismael

    Hi,

    You need to adjust the left position.

    .avia-caption-title {
   position: relative;
   top: -50px;
   left: -50px;
}

    Adjust the value of the “left” property. If it doesn’t work, please provide a link to the page with the issue.

    Best regards,
    Ismael

    August 13, 2018 at 10:05 am #996602
    Levante Golf

    Ismael,

    If I just change the left position that will also change the position of the caption in image 7 which I don´t want to do. I need the css in order to target the specific slider and then I can adjust the left position so that it only moves the caption on that slider!

    Do you have the css that targets specific sliders that I´ve added custom css classes to?

    Thanks again!!

    August 13, 2018 at 5:54 pm #996794
    Levante Golf

    Ismael,

    It´s ok I´ve found it!

    Thank you!!

    August 13, 2018 at 9:37 pm #996884
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘easy slider title caption caption text to the right’ is closed to new replies.