thumb-collection & thumbnailgrid , gap in px not working correctly

[benjaminmugnier]

Hello Armin and Lay Team !

Thx a lot for your great work, and this very cool web tool !

I got some problems on my websites :

I have no margins on thumb-collection because of conflict with :

display: block;

Normally, I need to have 20px gab between thumbs.

I try to achieve this to orverwriting with :

display: flex!important;
flex-wrap: nowrap;

It's working on desktop & mobile I guess but I got others problems, maybe they come from the last update : I got too big margin at the bottom of thumb-collection instead of my 20px.

I saw same problems in other sites of an extra bottom-margin on the .thumbnailgrid class.

Any ideas ?

Thx, B.

[arminunruh]

oh nice website

i think you can just not use css
but use the normal settings for a thumbnailgrid for gap in px

also disable ur caching plugin
or clear its cache

try both

[arminunruh]

oh i see the value here is wrong maybe

yea it seems like the padding-bottom value is wrong

wordpress sometimes cannot correctly read the size of a video

u could change the padding-bottom: to 56% using custom css

[benjaminmugnier]

hello Armin, glad to hear you ;)

Thanks, I guess it was the cache plugin indeed who was in conflict with my css because I had already put the good setting in the setting box of thumb grid project. It works well now for .thumb-collection, and I removed the custom CSS.

And for the extra padding I put this code and it works perfectly thanx !

.thumb-collection .ph {
    padding-bottom: 56%!important;
}

Cheerz
B.