Gallery not showing arrows? - by Marta Iraola

This topic has 10 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

  • Avatar: Marta Iraola
    Marta Iraola
    Participant
    January 8, 2019 at 15:51

    Hello,

    I am using an image carousel and, even if I have not checked the “Hide previous/next buttons”, they are not showing.

    I would like it to show the arrows when you open the photo with prettyphoto.

    Could you please check my website to see if I have done something worng?

    Thank you for your help.

    Kind regards,

    Marta

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 8, 2019 at 16:00

    Hello,

    1) It is default functionality of this element and our theme doesn’t affect it.
    2) Please clear cache and check one more time https://prnt.sc/m4hotj Also, try to disable 3-rd party plugins to be sure that no one of them causes the conflict with prettyphoto functionality.

    Regards

    Avatar: Marta Iraola
    Marta Iraola
    Participant
    January 8, 2019 at 16:26

    OK, thank you Rose!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 8, 2019 at 16:34

    You’re welcome!
    If you need any other assistance, please let me know.

    Regards

    Avatar: Marta Iraola
    Marta Iraola
    Participant
    February 4, 2019 at 18:11

    Hello again Rose,

    Coming back to this question, as you said that the arrows are not a part of the default functionality, I tried using a 3rd party plugin for the lightbox. What I want is that when you click on a photo, it opens a lightbox with arrows to see the rest of the photos of the gallery.

    The problem is now when you click a photo, there are two lightboxes, the one of the theme (without arrows) and over it, it shows the new lightbox from the plugin (with arrows). I would like to have only a lightbox with arrows.

    I tried telling the gallery not to show the lightbox when clicking the photo, but if I do that then it doesn’t show any of the two lightboxes. Is there any way to make the photo clicable but only show a lightbox with arrows?

    Please don’t hesitate to ask me if I didn’t explain my question clearly.

    Thank you for your help.

    Kind regards,

    Marta

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2019 at 11:36

    Hello,

    Please add this code in CUstom css for page http://prntscr.com/mgukf3

    .mfp-zoom-out-cur, .mfp-bg {
        background-color: transparent;
    }
    .mfp-image-holder .mfp-content {
        display:  none;
    }
    .mfp-zoom-out-cur {
        cursor: auto;
    }

    Regards

    Avatar: Marta Iraola
    Marta Iraola
    Participant
    February 5, 2019 at 13:42

    Hello Rose,

    It works!

    The thing is I have used the gallery in a lot of pages so, instead of having to put it in each page, is there any code that I can use in Custom CSS of Theme options directly?

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2019 at 14:53

    Hello,

    Please add this code in Theme Options:

    .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-bg {
        background-color: transparent;
        cursor: auto;
    }
    .mfp-zoom-out-cur .mfp-image-holder .mfp-content {
        display:  none;
    }

    Regards

    Avatar: Marta Iraola
    Marta Iraola
    Participant
    February 5, 2019 at 17:26

    Rose,

    It worked! Thank you again!! If I could leave another 5 star review I would, you always help and answer very quickly!

    Kind regards,

    Marta

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 6, 2019 at 08:06

    Hello,

    You’re welcome!
    Thanks for using our theme.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.