Quick Tip: How to Center Images in a WordPress Gallery Block

on in Blog
Last modified on

Here’s a quick tip for centering images in a WordPress image gallery block vertically and horizontally. I used this for a client logo list (see an example below).

.gallery--vertical-sample .blocks-gallery-grid,
.gallery--vertical-sample .wp-block-gallery {
    justify-content: center;
    align-items: center;
}
.gallery--vertical-sample .blocks-gallery-grid .blocks-gallery-image,
.gallery--vertical-sample .blocks-gallery-grid .blocks-gallery-item,
.gallery--vertical-sample .wp-block-gallery .blocks-gallery-image,
.gallery--vertical-sample .wp-block-gallery .blocks-gallery-item {
    align-items: center;
}

Related posts

July 11, 2024

ClassicPress TinyMCE: How to Add Styles, Buttons, Fonts, Dropdowns & Popups

ImagePress Author Discovery

June 27, 2023

ImagePress Development #12

SpeedFactor

March 30, 2023

The Impact of Website Speed on Conversion Rates