Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 24, 2024 at 11:12 am #1467736
    Woutski

    Hi,
    How do I chance the size the arrows in the gallery and how do I change their position.
    Allready changed the border and the color by adding

    #top .av-control-minimal .avia-slideshow-arrows a {
    color: #53b9ec;
    border: 0px;
    }
    #top .av-control-minimal .avia-slideshow-arrows a:before {
    border: 0px;
    margin-top; 20px; padding-top: 20px;

    }

    September 25, 2024 at 6:54 am #1467780
    Ismael

    Hey Woutski,

    Thank you for the inquiry.

    Are you using a alider element? Please provide the link to the page so that we can inspect the slider or the gallery.

    Best regards,
    Ismael

    September 25, 2024 at 3:07 pm #1467809
    Woutski

    Hi Ismael,

    Like in https://claritymatters.nl/2024/sodaflex-going-green/

    Thanks in advance, Woutski

    September 25, 2024 at 4:48 pm #1467818
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #top .av-control-minimal .avia-slideshow-arrows a::before {
  font-size: 40px;
  line-height: 10px;
}

    Best regards,
    Rikard

    September 27, 2024 at 3:12 pm #1467962
    Woutski

    Thanks Rikard,

    Does not really work. Font size changes but arrows kind of disappear above the gallery. Besides I would like to show them outside the gallery. See Link in Private Content

    Thanks for thinking with me,

    Woutski

    September 27, 2024 at 8:31 pm #1467980
    Rikard

    Hi,

    Please try this CSS as well:

    .avia-gallery.av-slideshow-ui .avia-slideshow-arrows {
  width: 120%;
  top: 40%;
  left: -10%;
}

    Best regards,
    Rikard

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