[Resolved] Making all image and gallery captions centered

[Michele]

I’m using this, and it works for captions under images and the individual images in a gallery.

.wp-block-image figcaption {
    font-size: .8em;
    margin-top: .25em;
    margin-bottom: 1.25em;
    text-align: center;
    }

However, I cannot seem to center align the caption that appears under an entire gallery.

Note that this is not on my live site in the URL below — I’m working on a staging site. See screenshot https://www.dropbox.com/s/km4fypy7hda1c3z/captions-staging.png?dl=0

[Leo]

Hi there,

Any chance you can provide the link to your staging site so we can see the issue live?

Thanks 🙂

[Michele]

Hi Leo,

See if this works. Note that to be able to view https://staging.ucsflibrary.flywheelsites.com/news/test-captions/ you will have to proceed (after the unsafe warning) and enter the following:
flywheel
festive-giraffe

[Leo]

Try this:

figcaption.blocks-gallery-caption {
    margin-left: auto;
    margin-right: auto;
}

[Michele]

Thanks! That worked.

[Leo]

No problem 🙂

[Author]

Posts