[Jens PParticipant]

I’m again,

I don’t believe it, but I found a solution… 🙂

it’s was so easy.. I searched the forum again with some different words ( gallery, lightbox, multiple etc) and found some posts.. togehter with your answer of my question the turnaround for multiple galleries in one page is:

at first build a gallery in the textfield by add images

—> because I use the “tiled gallery without jetpack plugin for an mansonry lauout” the selector for the lightbox is “tiled-gallery-item a” instead “x-img-link”

to turn on the lightbox only for a gallery use the selector in the lightboxshortcode [lightbox selector=" .tiled-gallery-item a"]

Now the lightbox works, but all images with the given class “.tiled-gallery-item a” are in the lightbox pop up.

The solution to set the lightbox shortcode for multiple galleries in one page is to give a different class for each gallery. for this you add a simple div tag with a class to the gallery <div class="your own unique gallery name">.
Then only add this given class to the lightbox selector.[lightbox selector=".your own unique gallery name .tiled-gallery-item a"]

Thats all…

a complete example for 2 galeries:

<div class="gallery-one">[gallery type="rectangular" link="file" ids="8905,8904,8903"]</div>[lightbox selector=".gallery-one .tiled-gallery-item a"] 
<div class="gallery-two">[gallery type="tiled" link="file" ids="8905,8904,8903"]</div>[lightbox selector=".gallery-2 .tiled-gallery-item a"]

for all reading users, with the same problem for multiple galleries:
Don’t forget, that the .tiled-gallery-item a selector work only for the tiled gallery without jetpack plugin. for built in wordpress galleries you have to use x-img-link or your own class…

Best

Jens

[ChristianModerator]

Glad you’ve found the solution Jens. And, thank you for sharing.

[Sarah KParticipant]

Hey Support,

Does X theme Ethos for any reason reduce the capability of the original wordpress galleries?

For example:

I’ve been trying to change the layout of the gallery and there’s no X shortcode as far as I can tell so I was trying to use the WordPress shortcode (following this: http://en.support.wordpress.com/images/gallery/)

but type=”rectangle” type=”circle” etc. doesn’t work at all.

And if I go to Settings–> Media there’s no gallery format option. Just wondering if that had something to do with X?

Is there an alternative method for styling galleries that I’m missing?

[ZeshanMember]

Hi Sarah,

Thank you for writing in!

Please review our KB article on galleries here: http://theme.co/x/member/kb/how-to-setup-galleries/

Hope this helps. 🙂

Thank you.

[Sarah KParticipant]

Okay can you direct me toward learning how to use the Body CSS Class on the posts?

[Sarah KParticipant]

mainly the syntax

[ZeshanMember]

Hi Sarah,

Thank you for writing in!

You can add class(es) to your post, page or portfolio item from Page Settings > Body CSS Class(es) (see: http://prntscr.com/4m6ntm) and then target any element on that specific page in CSS by using this class.

For example, add a class of about to a post (see: http://prntscr.com/4m6ojr). Next if you want to change the color of your navigation links on that specific page, you can simply use the following CSS code to target using the “about” class:

.about .x-navbar .x-nav > li > a {
   color: #ff0000;
}

Please note that when targeting the class in CSS, you need to add a period sight “.” before the class, e.g. “.about”. You can find more information here: http://www.w3schools.com/cssref/css_selectors.asp

Hope this helps. 🙂

Thank you.

[jborumParticipant]

I’m bringing an old thread back to life! I would just like to thank Leo for this. This is a nice quick integration of Jetpack’s tiled gallery and lightbox.

For anybody else implementing this: If your gallery is pointing to the attachment page then you’ll get full attachment pages in your lightbox instead of images. Set your gallery to link to the files only.

[ChristopherModerator]

Thanks for sharing Leo.

[Author]

Posts