Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 30, 2023 at 7:02 pm #1426835
    Celeranttechnologycorp

    Hi, I don’t want the gallery arrows sitting on top of images. How do I make the image container slightly smaller in width so the arrows are to the right/left of the images? I will share link privately.

    December 2, 2023 at 9:12 pm #1426993
    Mike

    Hey Celeranttechnologycorp,
    Thank you for your patience and the link to your site, to have the slideshow arrows to the side of the slider try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-horizontal-gallery {
    overflow: visible;
}
#top .av-horizontal-gallery .av-horizontal-gallery-inner{
	overflow: hidden;
}
#top .av-horizontal-gallery .avia-slideshow-arrows .prev-slide {
    transform: translateX(-100px);
}
#top .av-horizontal-gallery .avia-slideshow-arrows .next-slide {
    transform: translateX(100px);
}

    Please see the screenshot in the Private Content area of the expected results

    Best regards,
    Mike

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