Two left/right arrows on gallery lightbox popup

  • Resolved JulianR

    (@julianrush)


    6 years, 3 months ago

    When I create a gallery, the lightbox popup has two arrows on each side.

    Example: https://www.odysseus-unbound.org/marine-core-drilling-a-tremendous-success/

    I’ve tried with Chrome inspector to figure out what the CSS is doing but I’ve got nowhere. I think the theme leverages the Magnific popup script as does one of my plugins, GiveWP Donations which may be relevant. I have some JQuery snippets that also use the Magnific script which show the same issue – see the Sea Levels link on the example page.

    Can anyone help me work out why it’s happening and how I can hide one of the arrows?

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    Hey Julian,
    Looks like one is being ouput by a plugin. You can hide one of the arrows with this css:

    .mfp-arrow-left:before, .mfp-arrow-right:before {
    display: none;
}

    Just paste that into your custom css box in Theme Options > Custom CSS.
    Hope it helps!

    Hannah

    Thread Starter JulianR

    (@julianrush)

    Hi Hannah

    You’re right – it was the Give Donation plugin that was adding the arrows – and your solution works perfectly. Thanks!

    Julian

    hannah

    (@hannahritner)

    Glad to hear it!

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Two left/right arrows on gallery lightbox popup’ is closed to new replies.