Image caption not aligning center

  • Unknown's avatar
    madweblord · Member ·

    Hello,

    Over at madoverlordstudios.com, we are using the ‘Hemingway Rewritten’ theme in our premium blog. When in the editor, I am able to get the caption of the images on the ‘Published Works’ page centered-aligned under the image. However, when I go to preview it, the caption is left-aligned instead.

    Any help in fixing this would be appreciated. If additional CSS is required, more questions may be asked :D

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hello there,

    Do you have link to an example of where this is happening please?

    The fact there’s a difference between preview and the live site suggests a bug where custom CSS would be the fix, but we would need to take a closer look at that.

    Many thanks in advance.

  • Unknown's avatar
    madweblord · Member ·

    here is a link to it:

  • kokkieh · Staff ·

    Hi there,

    The issue here is that you used the image block to add those images, but the Hemingway Rewritten theme predates the block editor, and as such does not have styling specified for the HTML code the image block uses to create captions (which is different from the HTML code the classic editor used for this). Most of our older themes are affected by this problem.

    The good news is it’s a simple fix with custom CSS, which you can use as you’re on the Premium Plan. Just add this code to the Additional CSS panel in the Customizer:

    .wp-block-image figcaption {
	text-align: center;
}
  • Unknown's avatar
    madweblord · Member ·

    Thank you so much, that did it :)

    I’ll need to look more into CSS and how to use it with this site.

    Thanks!

  • The topic ‘Image caption not aligning center’ is closed to new replies.