[tom_dskyParticipant]

So, all I want on my site is a nicely formatted gallery of images, which when you click on any image, appears in a lightbox. I have created the WP Gallery, as this provides a nice simple layout we don’t need anything fancy. I have then tried to apply the Lightbox shortcode to the gallery images and I cannot for the life of me get it to work. I have tried setting the Lightbox selector to all of the following styles:

.gallery-icon.portrait
.gallery-icon
.gallery-icon portrait
.gallery-1
.entry-content

But I cannot get the lightbox to work. This is the page I am referring to. What can I do to get it to work? Surely this has got to be possible? If not how can a theme like X. not support a simple Image Gallery???

[ChristopherModerator]

Hi there,

Please use .gallery-icon a as lightbox selector.

Thanks.

[tom_dskyParticipant]

Thanks for the quick response. Regrettably that still hasn’t worked.

I tried:

.gallery-icon a
.gallery-icon-a
.gallery-icon_a
.gallery-icona
.gallery-icon

None of which work. I have left it set as per your instructions to .gallery-icon a so you can see for yourself.
It would be really great to get this working. Any other ideas? Thanks in advance.
Lara

[RadModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL in question. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[tom_dskyParticipant]

Jeez, I’m so sorry, I swear I gave that originally! DOH! Of course, here you go:

http://diamondskylights.com.au/dev/showroom/small-room-gallery/

[Rue NelModerator]

Hello There,

It looks like you haven’t added a lightbox selector. Would you mind providing us the url of your site with login credentials so that we can take a closer look?

To do this, you can make a post with the following info:

– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[tom_dskyParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thank you for the access information!

We went ahead and logged in to your site. We copied your small room page to better test it. We found out why it is not working in your end. You had added this code:

[lightbox selector="<span class="pun">.</span><span class="pln">gallery</span><span class="pun">-</span><span class="pln">icon a</span>" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="vertical"]

Instead of this code:

[lightbox selector=".gallery-icon a" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="vertical"]

You can check out our test page here: http://diamondskylights.com.au/dev/showroom/x-demo-small-room-gallery/ This is privately published. Please removed it after.

Hope this helps. Kindly let us know.

[tom_dskyParticipant]

That’s awesome, thank you! When I was looking at the front end of the code, it looked fine, but I hadn’t thought to flip over and see the ‘code’ side of the page. Do you recommend shorcodes get pasted into the ‘code’ tab, rather than the visual tab? Thanks

[Rue NelModerator]

Hello There,

You are most welcome!

Yeah most of the time when you paste something in the visual tab, it will copy all the styling and most of the time, it will generate other characters as well. To be safe, always make sure to copy and paste in the code or text tab.

Regards,
X

[Author]

Posts