daynag

Thanks. Yes, the div class .embed-vimeo is automatically generated when you copy and paste the Vimeo link into the WP page. I’ve tried your suggestion and it will not override the center. I have even tried inspecting the element in Firefox and taking off the center there to test it, but that yields no change. I am not sure where the center is being applied in order to target it with CSS.

It may just be some weird quirk with Vimeo that I have to live with.

I was able to resolve this issue by overriding the plugin CSS:
.gallery-item {
width:auto !important;

}

Thanks Luke. I don’t think it’s an issue with the gallery width, as the width itself does adjust with screen size. It’s the images that seem to smoosh right up against each other, instead of adjusting their columns from 5 to an appropriate number based on the screen size.

I was able to do it on another site I have, that does not use Jetpack galleries, but rather lists for the images. You can see that here on this page: https://www.trinitylic.org/ If you adjust the page, the buttons for Worship, Ministries, etc fall underneath each other based on the screen size.

The Jetpack gallery does not use lists though, and trying to set the dl.gallery-item to display inline doesn’t work either. I’m wondering if there are some settings on the backend that Jetpack is using that I need to override.