[Jonathan BParticipant]

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

[Paul RModerator]

Hi 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

[dlorentyParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

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

[dlorentyParticipant]

Hi. 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!

[NicoModerator]

Hi 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.

[dlorentyParticipant]

This reply has been marked as private.

[FriechModerator]

Hi 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!

[dlorentyParticipant]

Thank 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.

[Paul RModerator]

Hi,

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

[dlorentyParticipant]

Also, 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.

[Paul RModerator]

Hi,

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!

[dlorentyParticipant]

I 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.

[ZeshanMember]

Hi 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!

[dlorentyParticipant]

I’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/#

[Author]

Posts