Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 20, 2016 at 12:30 pm #586439
    amrman0

    Hi Enfold support,

    I would like to move the caption text in the Fullscreen slider to the bottom of the slider. I know there is an option for that in the slider, but the problem is that when I choose that option, the buttons on the slider also move to the bottom, and I don’t want that, I want the buttons to be in the center of the slider and the caption text at the bottom of the slider. Can you supply the CSS please?

    February 22, 2016 at 8:39 am #586950
    Rikard

    Hey amrman0,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    February 24, 2016 at 4:39 pm #588479
    amrman0

    Hi, thanks for your response. You will find the URL is the private section.

    February 26, 2016 at 1:00 pm #589715
    Andy

    Hey!

    move it by using this code in Quick CSS field:

    .avia-caption-content.av_inherit_color {
position: relative;
top: 200px;
}

    and adjust top value as needed.

    Cheers!
    Andy

    February 26, 2016 at 6:19 pm #589923
    amrman0

    Thanks a lot, but this CSS code only works for the caption under “Caption Text”, and not for the caption under “Caption Title” in the fullscreen slider. I would like it to work for the text under the “caption title” because the text there has more SEO value.

    February 26, 2016 at 6:36 pm #589932
    amrman0

    Another quick question, I added this CSS code to the ‘quick CSS’ box and it worked great. However, when I removed it from the ‘quick CSS’ box and added it to the Enfold child style.css file, it stopped working. Why is that?

    February 26, 2016 at 7:24 pm #589957
    Basilis

    Hey!

    Can you show us he CSS you added?
    it might need to add the !important at the end of each rule, so it can over-writte the styles.

    Best regards,
    Basilis

    February 26, 2016 at 8:19 pm #589983
    amrman0

    Hi, I added the following CSS code to the enfold child style.css file, and it didn’t work. It only works if I add it to the ‘Quick CSS’ box :
    .avia-caption-content.av_inherit_color {
    position: relative!important;
    top: 400px!important; }

    Finally also please, this CSS code only works (in ‘Quick CSS’ box) for the caption under “Caption Text”, and not for the caption under “Caption Title” in the fullscreen slider caption options. I would like it to work for the caption under “caption title” also because the text there has much more SEO value.

    February 28, 2016 at 7:33 am #590369
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    February 29, 2016 at 1:19 pm #590699
    Andy

    Hi!

    not sure about which elements you are talking about. Can you provide us a precise link AND screenshots showing what you mean please? use imgur.com or dropbox.

    Best regards,
    Andy

    March 1, 2016 at 9:09 pm #591772
    amrman0

    Hi, here is a screenshot for the elements I talked about: http://postimg.org/image/ixwgzpiq3/
    Your CSS code positions the caption the way I want it only if I place the text in the second box titled “Caption Text”. It doesn’t work for text placed in the first box titled “Caption Title”. But the “caption title” box is more important because of SEO value.

    Also, when that particular CSS code is added to the enfold child style.css file, it didn’t work for some reason, it only works if I add it to the ‘Quick CSS’ box.

    I attached login credentials.

    March 4, 2016 at 1:59 pm #593260
    Andy

    Hi!

    if you want to call caption title then use this code instead:

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

    Cheers!
    Andy

    March 4, 2016 at 5:09 pm #593361
    amrman0

    Thanks much Andy, your code worked great. Also, adding this CSS code to the enfold child ‘style.css’ file suddenly works as well. You can close this ticket now, great support as always.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Fullscreen slider caption text positioning’ is closed to new replies.