Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 26, 2014 at 8:04 am #269959
    nokostudio

    Hi there,

    Is there a way to move the previous/next buttons that appear with blog / product sliders outside of their container area, so that they don’t overlay the posts/products, but rather sit further left and right respectively, and are easier to see?

    Thanks!

    May 26, 2014 at 10:51 pm #270276
    Josue

    Hi,

    Can you post the link to the page in question please? i’m not sure what buttons you referring to.

    Regards,
    Josue

    May 26, 2014 at 11:18 pm #270285
    nokostudio
    This reply has been marked as private.
    May 26, 2014 at 11:28 pm #270288
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-slideshow-arrows a.prev-slide {
    left: -80px;
}
#top .avia-slideshow-arrows a.next-slide {
    right: -80px;
}

    Cheers! 
    Josue

    May 26, 2014 at 11:31 pm #270294
    nokostudio

    Hi

    Thanks for the reply!

    I tried a similar approach but the arrows are just hidden by the bounds of the container when moved further left and right.

    cheers!

    May 26, 2014 at 11:33 pm #270296
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

    May 26, 2014 at 11:35 pm #270297
    nokostudio
    This reply has been marked as private.
    May 26, 2014 at 11:38 pm #270302
    Josue

    Sorry i forgot something, add this too:

    #av_section_3 .avia-content-slider {
    overflow: visible;
}

    Regards,
    Josue

    May 27, 2014 at 12:08 am #270325
    nokostudio

    Ah, perfect. Thanks so much!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Move Previous/Next buttons outside container’ is closed to new replies.