Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #180785

    Jonathan B
    Participant

    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

    #181048

    Paul R
    Moderator

    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

    #323885

    dlorenty
    Participant
    This reply has been marked as private.
    #324027

    Paul R
    Moderator

    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

    #324402

    dlorenty
    Participant

    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!

    #324521

    Nico
    Moderator

    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.

    #324611

    dlorenty
    Participant
    This reply has been marked as private.
    #324799

    Friech
    Moderator

    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!

    #325231

    dlorenty
    Participant

    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.

    #325258

    Paul R
    Moderator

    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

    #325269

    dlorenty
    Participant

    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.

    #325274

    Paul R
    Moderator

    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!

    #325624

    dlorenty
    Participant

    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.

    #325760

    Zeshan
    Member

    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!

    #327569

    dlorenty
    Participant

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