Reduce space between images inside gallery

Hi @irinasopas

If you want to create a gallery just like an example you gave then please try this https://www.ads-software.com/plugins/responsive-tabs/ plugin

I hope this will help you.

@prashantvatsh Hallo, hope you’re fine.

I already have the plugin, what I need is to reduce the space between my images in the gallery. I’m using the default wordpress gallery.

I created a gallery so you can see:

/gallery-to-reduce-space/

Best regards,

Irina Sopas

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

Please try the following CSS code:

div#gallery-2 {
    text-align: center;
}

div#gallery-2 .gallery-item {
    max-width: 15%;
}

You can put it in Appearance -> Customize -> Custom CSS section.

The code works but is messing aroud with all galleries, how I can turn it specific? Galleries has id’s?

Oh i figure out, I’m using the page id before, like

.page-id-21625 div#gallery-2 {
text-align: center;
}

.page-id-21625 div#gallery-2 .gallery-item {
max-width: 5%;
}

Yeah if you want to write for that page only then using page-id is fine.

Nice! Thank you so much! You made my day hahaha

I wish you the best @prashantvatsh and take care of yourself.

Thanks. Take Care ??

So your code mixed with mine is working like a charm in the pages, but how I make it work in tabs? If you look here /mentiras-verdadeiras-1/#mentiras-verdadeiras-1-tab-0 it is working I think because is the first tab but it isn’t working in the second and third tabs:

/mentiras-verdadeiras-1/#mentiras-verdadeiras-1-tab-1
/mentiras-verdadeiras-1/#mentiras-verdadeiras-1-tab-2

What can I add to the code

.page-id-13509 div#gallery-2 {
    text-align: center;
}

.page-id-13509 div#gallery-2 .gallery-item {
    max-width: 5%;
}

to make it work also in the other tabs?

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

I am not able to see the icons anymore.

https://prnt.sc/sxjjxl – Not visible

Please replace the older code with the following one:

.page-id-13509 .gallery {
    text-align: center;
}
.page-id-13509 .gallery .gallery-item {
    max-width: 5%;
}

In our last code, we used this id div#gallery-2 which is only for the first tab. In the other tabs, id is getting changed so now I have generalized it by using the common class name which appears on all the galleries.

Wowwwwwwwwwwwww! That made the trick! THANK YOU SO MUCH! I would carry in my arms if I could as thanks for the huge help you gave me.

A VERY BIG HUG FOR YOU. I would add you on facebook but I couldn’t find you. Mine: [ totally deleted ]

I LIKE YOU. ??

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

Please go easy with the link, you could set off the spam filters. You don’t want to be considered a spammer, do you?

I’ve removed all of the links including the Facebook one for that reason except the one in the link field. Please don’t use these forums for networking (which is why I zapped the FB link). The thank you and big hug for Prashant was cool though. ??

Hallo! OP’S I didn’t know. It won’t happen again. I wish you an amazing day. Hugs