The grid - gallery + word break issue

Support
#1

Hi there,

I would like to request a bit of help regarding the following:

https://www.sportfloor.hu/teszt/

I have a “Grid” set up here with “The Grid”, but I’d like to make two modifications:

  1. https://www.dropbox.com/s/qntn9wf5b9l5t1s/Screenshot%202019-04-29%2015.39.42.png?dl=0
    Words don’t break correctly, I would want it to have word-break, but I can’t make it work via css, can you help?

  2. Gallery - Right now, if I click on an image, it opens the lightbox. However, if I move to the left or right, the images of the next item come up. Is there a way to separate them based on the post where it draws the images from?

Thanks!

#2

Hi @Pbalazs89,

Please add this code in the Global CSS:

.tg-item .tg-light h2 a {
    display: block;
}

Please go to Grid Settings > Media then disable the Gallery slide show option or disable the Gallery option…

Hope this helps.

#3

Hi there,

I added the code to Theme Options Global CSS but unfortunately it did not fix my issue, take a look:

Also, I checked my settings and gallery is “on”, but it still displays all images:

Any ideas?

#4

Hi @Pbalazs89,

You can try this code instead.

.tg-item .tg-cats-holder *, .tg-item .tg-item-excerpt, .tg-item .tg-item-title, .tg-item .tg-item-title a {
    word-wrap: normal !important;
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
}

Hope this helps

#5

Wow, that worked great, thanks for the help. Any idea regarding the gallery perhaps?

#6

Hi @Pbalazs89,

Can you please send us with some screenshots? Currently, the gallery looks good on my end:

Thank you.

#7

Hi @thai,

Thanks for looking into it. It does look perfect. The problem is not with the gallery but with its contents. When a visitor clicks on a given item, I’d like it to open a lightbox to that given element’s content. So 3-4 images usually. Right now, any item I click on opens the ENTIRE gallery, so about 80 images. Hope this clears up the issue.

#8

Hello @Pbalazs89,

Thanks for updating the thread.

The Grid will by default load the entire gallery. As an alternative you have the option of taking a look at Envira Gallery plugin which can be installed from Pro > Validation > Extension which load the images from specific gallery.

To get started, you can take a look at following resource.

Thanks.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.