-
AuthorPosts
-
January 11, 2015 at 11:59 am #180785
Hello – I’ve been through the Knowledge Base and forum and I don’t think this question has been asked. I understand how to create a gallery of thumbnails in my post but I would like to only have one thumbnail visible, which links to a lightbox of the gallery of images. I feel like having all of the thumbnails visible clutters the post. Is this possible?
Thanks
January 12, 2015 at 2:16 am #181048Hi Jonathan,
Thanks for writing in!
Yes that could be possible by hiding other thumbnails using css codes.
Can you provide us the url of your gallery page so we can provide you with a tailored code.
Thanks
July 7, 2015 at 9:58 pm #323885This reply has been marked as private.July 8, 2015 at 1:57 am #324027Hi,
The idea is to create a gallery of images then hide all but one using a css code.
We need you to create your gallery first to be able to provide you with a tailored answer on this.
You can refer to the link below for your guide on how to create galleries.
https://community.theme.co//kb/how-to-setup-galleries/
Thanks
July 8, 2015 at 9:58 am #324402Hi. Thanks for the help. I created the gallery and placed it under the lightbox I have. The gallery shortcode is:
[gallery link="none" size="full" ids="192,191,190,189,188,186,185,184"]
Where do I go from here? Thanks!
July 8, 2015 at 11:46 am #324521Hi There,
Thanks for the update.
Would you mind sharing us your admin credentials so we could take a closer look on your setup.
Don’t forget to set it as private reply.
Thanks.
July 8, 2015 at 1:32 pm #324611This reply has been marked as private.July 8, 2015 at 4:26 pm #324799Hi There,
You can hide the thumbnails with custom css and show only the first one.
.textwidget .gallery .gallery-item {display: none;} .textwidget .gallery .gallery-item:first-child {display: initial;}
add this under Custom > CSS in the Customizer.
Hope it helps, Cheers!
July 9, 2015 at 12:47 am #325231Thank you so much for this!
This worked beautifully! Is it now possible to have mobile users view this as something other than lightbox? It looks awesome on a computer, but isn’t working great on mobile devices.
July 9, 2015 at 1:12 am #325258Hi,
The lightbox should be responsive by default like in our demo page(http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox) but in your case it’s not.
Can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Thanks
July 9, 2015 at 1:31 am #325269Also, how can I configure my lightbox to scroll from picture to picture using the arrow keys? I’m having to click on the thumbnails right now.
July 9, 2015 at 1:43 am #325274Hi,
Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!
July 9, 2015 at 9:15 am #325624I understand. Could you offer some assistance on why I cannot scroll through with my arrow keys? I know you’re able to since I could before I used the thumbnails.
July 9, 2015 at 11:58 am #325760Hi there,
Arrow keys are not possible out of the box. It could somehow be possible with custom development but that would be outside the scope of our support. You may wish to consult a developer to assist you with this.
Thanks for understanding. Take care!
July 12, 2015 at 12:06 am #327569I’m not asking for arrow keys. I”m asking to be able to scroll with the arrows on my keyboard just like the lightbox shortcode demo does.
http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/#
-
AuthorPosts