Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 13, 2014 at 7:34 pm #278698
    Itai

    hello,

    Is it possible to have a center-top and center-bottom alignment on the fullscreen slider’s captions? via custom css?

    June 14, 2014 at 4:48 am #278797
    Ismael

    Hi Itai!

    Thank you for visiting the support forum.

    Set the caption position to center framed then add this on Quick CSS or custom.css:

    div.caption_fullwidth.caption_center.caption_center_framed.caption_framed {
top: -30%;
}

    Adjust the top position.

    Cheers!
    Ismael

    June 14, 2014 at 3:27 pm #278884
    Itai

    Thanks Ismael,

    That’s clever :) but how do I do this on individual slides (i.e. one slide may be center top the other center bottom).

    I noticed I can add <b> tags in the captions. Can I add css via a div tag in the caption box without screwing things up?

    Cheers,

    June 16, 2014 at 5:27 am #279229
    Ismael

    Hey!

    Thank you for the update.

    You can use css child pseudo selectors. This is for the first slide:

    .avia-fullscreen-slider div ul li:first-child .caption_center {
top: -60%;
}

    Second:

    .avia-fullscreen-slider div ul li:nth-child(2) .caption_center {
top: 60%;
}

    Third:

    .avia-fullscreen-slider div ul li:nth-child(3) .caption_center {
top: -90%;
}

    And this is for the last slide:

    .avia-fullscreen-slider div ul li:last-child .caption_center {
top: 90%;
}

    Make sure that all captions are center aligned.

    Regards,
    Ismael

    June 16, 2014 at 2:10 pm #279433
    Itai

    Ok Got it!

    Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Center-Top & Center-Bottom captions on Fullscreen Slider’ is closed to new replies.