Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 27, 2019 at 6:25 pm #1104568
    Chili2908

    Hi there,

    We’re using a horizontal gallery on one of our websites and enabled the controls for that gallery. Unfortunately, the controls lay over the images. We’d prefer to see them left/right from the images. See also: https://prnt.sc/nu0lb4

    Settings: https://prnt.sc/nu0mv9
    Additionally, I used some CSS so the controls stay visible:

    .av-control-minimal .avia-slideshow-controls a {
  opacity: 1;
}

    Is there any solution available? I’ve already searched the forums and looked through several threads regarding the gallery element but couldn’t find the issue/a solution. If there’s one already available please be so kind and provide a link. :)

    Thank you in advance!

    May 31, 2019 at 4:09 pm #1105729
    Ismael

    Hey Chili2908,

    Thank you for using Enfold.

    You can use this css code to move the navigation arrows outside the gallery container.

    #top .avia-slideshow-arrows a.next-slide {
    right: -100px;
}

#top .avia-slideshow-arrows a.prev-slide {
    left: -100px;
}

.av-horizontal-gallery {
    overflow: visible;
}

.av-horizontal-gallery .av-horizontal-gallery-inner {
    overflow: hidden;
}

    Best regards,
    Ismael

    June 3, 2019 at 10:08 am #1106635
    Chili2908

    Awesome, works like a charm. Thank you very much! :)

    June 3, 2019 at 9:13 pm #1106832
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Horizontal gallery – control elements’ is closed to new replies.