This topic has 10 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler
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
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
OK, thank you Rose!
You’re welcome!
If you need any other assistance, please let me know.
Regards
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
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
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!
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
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
Hello,
You’re welcome!
Thanks for using our theme.
Regards
You must be logged in to reply to this topic.Log in/Sign up