[bellisgirlParticipant]

Hello,

I’ve serached a way to create a gallery but i’m unable to do it. i want something like this – http://hidrate.me/gallery/ with squared thumbnails and when i click it it opens the full screen image.

Best regards

[ZeshanMember]

Hi there,

Thanks for writing in!

To achieve similar, you can use a section with a row and multiple columns in it. Then you can enable “Marginless Columns” under the row settings (see: http://prntscr.com/7jvvtk). In each column, you can add a image. To enable lightbox functionality, please review our KB article on [lightbox] shortcode.

Thanks!

[bellisgirlParticipant]

Hi,

How am i suposed to make the image square?

Best regards

[bellisgirlParticipant]

Hi guys, it’s me again,

I really need your help. I’m unable to create a gallery with squared thumbnail’s and with lightbox features. I did everything you said to me and i really need a more friendly way to do it.

I’m going to create several galleries for this site and the method that you suggest to me would take a long time for each gallery, is there any other way, more simple and fast to do this?

I’m trying to build this website for six months now…

Thanks,

[RadModerator]

Hi there,

Image thumbnails are square by default. Not sure what you did, would you mind providing your test url?

Thanks!

[bellisgirlParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

Please give us access to your WordPress admin so we could see your site. Right now it is in Coming Soon mode.

Thanks.

[bellisgirlParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

#1 Add a text element in CS.
#2 Click the Add Media button located directly above the editor to the left.
#3 Select the Create Gallery option in the upper left corner of the media manager.
#4 Choose the images that you would like to add to your gallery.
#5 Click the Create a new gallery button in the lower right corner of the media manager.
#6 Select Media File from the Link To dropdown in the upper right corner of the media manager and setup your other options as well.
#7 Click the Insert gallery button in the lower right corner of the media manager.

Depending on how many images you have chosen to add to your page, you should end up with something that looks like this:

[Gallery link="file" ids="17560,17559,17558,17226,3318,3317,3121,3120,3119"]

Directly beneath this shortcode, place the [x_lightbox] shortcode with a value of .gallery-icon a in the selector attribute, like so:

[Gallery link="file" ids="17560,17559,17558,17226,3318,3317,3121,3120,3119"]
[lightbox selector=".gallery-icon > a"]

Hope that helps.

[bellisgirlParticipant]

Hi,

all the rest works fine i think but the lightbox code it’s not working.

Best regards

[LelyModerator]

Hello There,

I’ve created a sample lightbox gallery on this page: http://bellisgirl.com/?page_id=23
You may change the URL of the image.
Please see this link for some guide and other available options: http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/
This is also another way to setup a gallery: https://community.theme.co//kb/how-to-setup-galleries/
Hope this helps.

[bellisgirlParticipant]

I think that the problem was my browser. Because i change to another computer, and now i can see the exmples to that you previously sent to.

Sorry, i think i need ti clean the other browser history and check for malware i think.

reagards

[Paul RModerator]

no worries. Have a nice day!

[bellisgirlParticipant]

Can’t do it.

The thumbnails are not working.

best regards

[RadModerator]

Hi there,

Please change your lightbox’s selector to this.

selector=".gallery-icon a"

Let me know.

[Author]

Posts