Hey Rikard,

Thanks a lot for your quick response, I’ve installed the latest version of the Enfold theme, but unfortunately it didn’t work out. Is it possible for you to take a look at our website. Than you can see what happens on the homepage and on the Portfolio-page. The thumbnails on the Blog-page are still there.

I really hope you can help us out. We are busy with some new business projects, and the new prospects are visiting our website.

Thanks in advance. Best regards,
Robert

Hi, Ismale

Thanks very much for your help.

I am very interested about this.

actually I tried to load photoswipe before, just it is not working to lightbox either.( maybe it is because I don’t know how to activiate it)

so later I tried the wooswipe, which only effect to the the gallary of woocommerce. ( live demo )
but for my website, it works like this
Small thumbnails can be swiped left or right, but to view big image, you still have to click.

http://www.witschurke.de/home/?preview_id=677&preview_nonce=d3dbeedf91&_thumbnail_id=-1&preview=true

Hello,
here is the effect that I get when I introduce that code, I would like the text to appear in the middel of the foto instead of from the down party moving until the middle. I do not know why the masonry picture turns coloured and then comes back to black and white.

Thank you very much!

Here are all the CSS that I have introduced already:

.main_color .av-masonry {
background-color: white;
}

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}

.av-masonry .avia-arrow {
display: none !important;
}

#top figcaption.av-inner-masonry-content,
#top figcaption.av-inner-masonry-content .av-masonry-entry-title {
background: transparent !important;
}

span.av-masonry-date.meta-color.updated {
display: none;
}

.av-masonry-image-container {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
-webkit-transition: all .6s ease;
}
.av-masonry-image-container:hover {
filter: grayscale(0%);
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}

.av-masonry-entry .av-inner-masonry-content h3 {
color: #e5e5e5!important;
}

#top .av-masonry .av-inner-masonry-content {
align-items: center;
background: transparent;
display: flex !important;
justify-content: center;
height: 100%;
text-align: center;
width: 100%;
}

Hi Basilis,

Yes, I did try.

1) The gallery in Layout Builder will work with the Fotomoto plugin if I designate 1 column and thumbnails only. If I use more than one column, the Fotomoto buy links are not aligned with the images.

2) If I use 1 large image on top with thumbnails below, the Fotomoto buy links are on the large image on top (first thumbnail below). However, when I select a different thumbnail below, it shows up in the large image on top, but the buy link is still linked to the first thumbnail. This is my preferred config for a photography gallery.

I can set up a gallery as outlined in config 2) above and send you the URL if you want to see for yourself what I’m talking about. You can then look at any of the other galleries to see config 1), which works. Link to a gallery setup like config 1) https://www.majesticmoments-photographyllc.com/shop/bird-gallery/

Please let me know. I don’t want to leave the gallery in config 2) for extended time because someone might buy the wrong image due to the issue I mentioned.

Thank you!

Richard

• This reply was modified 9 years, 4 months ago by reamesr.

hi nikko

thanks for the reply. i think i can handle the images. what im asking is the text title/ description. i want to limit the text that shows there somehow and make them all uniform like say showing only 2 lines. see even if i have the same thumbnail images in one row..they still dont have the same height because some title/descriptions are longer. can you help?

• This reply was modified 9 years, 4 months ago by fluidsuccess.

Thanks for your advise, I installed plugin; do you mean “shop_thumbnail size”? Because voice “category_thumb” I didn’t find.
Thanks
Best regards
Nunzio

Please could you re-read my original question.

I want to have my gallery thumbnail images crop square.

Thanks, Richard

Thanks, but if there is no ‘crop’ => false’ set for the square 180 x 180 pixel images, why are my gallery thumbnails not being cropped square?

Thanks

Thank you, Ismael,
1. The blog posts are listed under outdoor living in the footer, and I’d like a thumbnail to show with them.
2. That worked to get those images to show up on mobile, but it looks terrible. I am assuming since the first block is image left, text right followed by text left, image right and so on, that is why it looks bad. Is there a way to leave the desktop looking that way, but get the mobile to show up with the images on top followed by the corresponding text?
Thanks!

Hi Yigit,

Thank you but it seems all thumbnails become static.
What I want to achieve is, when I click the thumbnails, I can see large image above, and they can not be opened in new window or tab.

Can you please recheck?

Regards

Eric