Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 19, 2023 at 8:19 am #1404908
    cappellettimax

    hi!
    In product slider we have the navigation arrows partially covering the image of the first and last product. Is it possible to move them outside the products or possibly underneath?
    Thanks!

    April 19, 2023 at 3:21 pm #1404954
    Yigit

    Hey,

    Please edit your Product Slider element, go to Advanced > Developer Settings > Custom CSS Class (https://i.imgur.com/GJbtAl1.png) and give it a custom class (“custom-product-slider” in the example below). Then add the following code to the Quick CSS field in Enfold theme options > General Styling tab

    
.custom-product-slider.avia-content-slider {
  overflow: visible;
}
#top .custom-product-slider .avia-slideshow-arrows {
  margin-left: -60px;
  margin-right: -60px;
}
#top .custom-product-slider .avia-slideshow-arrows a.next-slide {
  right: -60px;
}

    Best regards,
    Yigit

    • This reply was modified 1 year, 8 months ago by Yigit.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.