We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Caption not centred on image which is

January 17, 2024 at 8:08 pm #11586

[anonymous]

I have placed an image into a post and set the property to be centered and show caption. In the editor the image is centred, as is the caption, but when I publish the site, the image remains centred and the caption is left aligned.

I want both the image and the caption to be centred.

Looking at the HTML, the image has a <img class=”post__image post__image–center”… but the caption has nothing to indicate that it should be centred (and is outside the scope of the image tag).

I’m new to getPublii, so it could be user error…

January 20, 2024 at 2:49 pm #11606

[anonymous]

Which theme are you using?

January 21, 2024 at 5:25 pm #11610

[anonymous]

The Theme is Editorial-2 (v.1.4.0.0)

https://marketplace.getpublii.com/themes/editorial-2/

January 22, 2024 at 2:03 pm #11613
[anonymous]
From post list screen go to tools and plugins

Than click on “custom CSS”

And add this CCS:
```
figcaption {
    text-align: center;
}
```
Now the caption should be centered.

If you want it to be closer to the image, add some negative margin-top:
```
figcaption {
    text-align: center;
    margin-top: -2rem;
}
```
January 22, 2024 at 2:21 pm #11616

[anonymous]

Thanks, that works.

I’d hoped that it would inherit from the image’s alignment (or ideally have a class of its own), but I can work with this.