Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 13, 2022 at 9:24 pm #1368781
    woogie07

    Hi,

    Content Slider
    How do you enlarge/make more prominent – the navigation arrows on the content slider.

    Thanks

    October 14, 2022 at 8:37 am #1368815
    Ismael

    Hey woogie07,

    Thank you for the question.

    You can use this css code to adjust the size of the content slider arrows. 

    #top .avia-smallarrow-slider.av-control-minimal .avia-slideshow-arrows a:before {
    line-height: 60px;
}

#top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide {
    width: 60px;
    height: 60px;
}

#top .prev-slide {
    right: 60px;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    October 17, 2022 at 5:53 pm #1369150
    woogie07

    Thanks for the code.

    Is there any way the navigation controls can be centred on the page rather than over to the right?

    Thanks

    October 18, 2022 at 10:31 am #1369193
    Rikard

    Hi,

    Please try this CSS as well:

    #top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 100%;
}

#top .prev-slide {
    right: auto;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
    top: 200px;
}

    Best regards,
    Rikard

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