Center Images in default WP gallery

Sparkling
1

Hey there,

how can I center images using the default wordpress gallery style without jetpack? They should have some padding around them make it look nice and clean. All pictures and captions of the gallery are left aligned. Is there a way to use some shortcode or do I need to style the default gallery in the stylesheet?

Website: https://www.woodberg.de/blog/

Thanks in advance

2

The pinbin gallery look is exactly what I want: https://colorlib.com/pinbin/post-format-test-gallery/

Is there a way to get this exact design in the sparkling theme when using wordpress galleries?
And is there a way to make this design responsive? e.g. the images scale down when viewing on a mobile device.

Thanks!

3

Hi @chjuettner,

I hope you are well today and thank you for your question.

I visited your site and it seems you have already applied padding around gallery images except bottom of the image. To apply padding at the bottom of the image try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

.gallery figure.gallery-item {
  margin-bottom: 30px;
}

To make the gallery images responsive try using the following CSS code.

@media screen and (max-width: 600px) {

.gallery figure.gallery-item {
  max-width: 48% !important;
  clear: none !important;
}

}

Best Regards,
Movin