Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 21, 2025 at 4:59 pm #1481726
    es.design.ma

    I tried searching for code to change the size of the navigation arrow in my Easy Slider settings, however what I found isn’t working. Can you send me what custom css I can add to the site which allows me to reduce the size of the arrows? Thank you!

    Erin

    April 23, 2025 at 5:56 am #1481898
    Ismael

    Hey es.design.ma,

    Thank you for the inquiry.

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

    #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    top: 50%;
    margin: -30px 15px 0;
}

#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    margin-top: 0;
    height: 0.5em;
    width: 0.5em;
}

    Best regards,
    Ismael

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