Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 21, 2015 at 5:53 am #522125
    mxshi

    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.

    October 21, 2015 at 8:38 pm #522507
    Elliott

    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

    October 22, 2015 at 5:04 am #522720
    mxshi

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

    October 22, 2015 at 3:30 pm #523044
    Yigit

    Hi!

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

    Cheers!
    Yigit

    October 30, 2015 at 1:25 pm #527334
    mxshi

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

    October 31, 2015 at 4:24 pm #527934
    Elliott

    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

    November 2, 2015 at 4:57 am #528227
    mxshi

    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.

    November 2, 2015 at 9:30 pm #528813
    Elliott

    Hey!

    Try this out.

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

    Cheers!
    Elliott

    November 3, 2015 at 4:36 am #528965
    mxshi

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

    November 3, 2015 at 5:25 pm #529489
    Elliott

    Hey!

    Oops sorry, try this instead.

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

    Best regards,
    Elliott

    November 4, 2015 at 5:18 am #529723
    mxshi

    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?

    November 5, 2015 at 5:50 pm #531024
    Elliott

    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

    November 6, 2015 at 5:09 am #531332
    mxshi

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

    November 7, 2015 at 8:05 am #531786
    Ismael

    Hi!

    Add this:

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

    Cheers!
    Ismael

    November 9, 2015 at 7:20 am #532388
    mxshi

    Works great! Thanks for your help!

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