Archived topic

Making all image and gallery captions centered

5 replies · Started by Michele on September 1, 2020

Viewing posts 1–6 of 6

September 1, 2020 at 10:49 am #1426830

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

September 1, 2020 at 10:54 am #1426839

Hi there,

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

Thanks :)

September 1, 2020 at 11:45 am #1426891

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

September 1, 2020 at 11:53 am #1426897

Try this:

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

September 1, 2020 at 12:44 pm #1426945

Thanks! That worked.

September 1, 2020 at 1:11 pm #1426965

No problem :)

This archived topic is closed to new replies.