Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 11, 2026 at 7:11 am #1494964
    condonp

    Dear Sirs

    I am developing a website for a bike charity and wanted the scroll buttons on the slider to be more prominent when in responsive mode see peter-test4.co.uk routes section. I am trying to get the scroll arrows like in this link https://www.peter-test4.co.uk/Scroll-Arrows.jpg. Can you help.
    Many thanks
    Pete

    February 12, 2026 at 6:18 am #1495011
    Ismael

    Hey condonp,

    Thank you for the inquiry.

    You can use the following css code to adjust the size of the slider arrows. Please fine-tune the css values as needed.

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
    height: 42px;
    line-height: 42px;
    top: 0;
}

#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: 42px !important;
}

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

#top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] {
    height: 30px;
    width: auto;
    margin-top: 8px;
}

    q91CeMg.png

    Best regards,
    Ismael

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