Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #522125

    Hi,
    I was wondering if it’s possible to have a content slider open in a lightbox? Or else have a gallery of images open from one single image? In the lightbox examples I can see, the images in a gallery are all shown on the page…I would like to only show one image on the page, but have that image link to a lightbox with multiple images. Is that possible within the theme or do I need to find a separate plugin? It would be great if you guys could give any suggestions if I need to look elsewhere.

    Thank you in advance for your help.

    #522507

    Hey mxshi!

    Yes, surround the image with this.

    <div class = "post-entry">
    <a href = "URL to your main image"><img src = "URL to your main image" /></a>
    <a href = "URL to your other images" style = "display: none;">&nbsp;</a>
    <a href = "URL to your other images" style = "display: none;">&nbsp;</a>
    etc etc
    </div>
    

    Best regards,
    Elliott

    #522720

    Hi, thanks for the response! Maybe this is a dumb question, but where should I put this code in the layout builder…? Thanks

    #523044

    Hi!

    You can add the code to Code Block element or Text tab of Text Block element

    Cheers!
    Yigit

    #527334

    Hi, thanks for the help so far. Can you tell me how to get the captions to show up on these lightbox images?

    #527934

    Hi!

    Add a title element to the link and image.

    <a href = "URL to your main image" title = "caption text"><img title = "caption text" src = "URL to your main image" /></a>
    

    Best regards,
    Elliott

    #528227

    Thanks! Finally I’d like to ask whether it’s possible to style the title element by CSS? I’d like to change the size/background color/etc.

    #528813

    Hey!

    Try this out.

    .ppt { font-size: 20px !important; background: red !important; }
    

    Cheers!
    Elliott

    #528965

    Hmm, I pasted it into quick CSS but nothing seems to have happened?

    #529489

    Hey!

    Oops sorry, try this instead.

    .mfp-title { font-size: 20px !important; background: red !important; }
    

    Best regards,
    Elliott

    #529723

    Thanks, that works great! However, now the slide number is stuck in the righthand corner and looks a bit strange.
    slide number
    How can I change the position of the slide number?

    #531024

    Hi!

    Send us a link to your page and we’ll take a look. You can set you reply as private if you wish.

    Regards,
    Elliott

    #531332

    Hi, you can find the link below. Let me know if you guys need anything else, thanks!

    #531786

    Hi!

    Add this:

    .mfp-counter {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    Cheers!
    Ismael

    #532388

    Works great! Thanks for your help!

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Single image opens to lightbox gallery’ is closed to new replies.