Centre image titles in gallery carousel

You can customize the look of the galleries with CSS. Try adding the following to your theme’s stylesheet or to your custom CSS editor available under Appearance > Edit CSS in your dashboard:

.jp-carousel-wrap .jp-carousel-titleanddesc-title {
    margin: 0 0 0 40%;
}

Thanks Jeremy but that doesn’t seem to centre align the title/description with the image. It just puts a margin on the left side and moves the text along.

https://upminsterhall.org.uk/wheres-spot-band-concert/

Try something like this, then:

.jp-carousel-wrap .jp-carousel-titleanddesc-title {
    text-align:center;
}

That should help.

OK. Thanks again for your effort Jeremy. Still not really a solution but I can live with it.

It seems the problem is that although the images are centred, the container for the description/title is offset to the left so even if you use the align centre thing, it only aligns the text centrally within the container and not with the image.

Oh, I see what you mean now!

I’m afraid you won’t be able to perfectly align the 2, as long as you have another container for the image meta data on the right.

Can I get rid of the container on the right? I tried to do so with

.jp-carousel-image-meta {
display: none;
}

but I guess that just hides it?

Correct. I’m afraid the Carousel layout won’t allow you to perfectly align the image with the image title on large screens.

It’s worth noting that things will look a lot more like what you’re looking for on smaller screens.

OK. Thanks for all your time and effort. Much appreciated.