This Is How Easy It Is To Centre Captions Underneath Images And Photos On WordPress

Once upon a time, getting captions to centre underneath photos and images on blog posts involved adding complicated CSS code to your blog.

I don’t know about you, but it doesn’t look right to me whenever I see uncentred captions. It gives blog posts a messy look.

However, WordPress now makes it much easier to centre captions under blog posts, images and photos.

Banner for the blog post 'This Is How Easy It Is To Centre Captions Underneath Images And Photos On WordPress'
Are your captions centred?

Here’s my simple guide to centring captions.

  • Add an image or photo to a blog post.
  • Click on the image to open the image toolbar.
Image of a photo on a WordPress blog highlighting the image toolbar
How to centre a caption

You’ll see that the caption is aligned to the left under the above photo. Arghhhhh!

  • On the toolbar, click on the ‘Align‘ button and on the dropdown menu that appears, click on ‘Align Centre.’
Image highlighting the Align Centre button on WordPress
Click on the Align Centre button.
  • The image or photo will now be centred on your blog post, as will the caption.
Image showing a centred caption under an image on a WordPress blog.
The caption is now centred underneath the photo.

How easy was that? No more ‘Arghhhhhs.’

The example I have given above works on the Block editor.

Layout, content, settings and format might differ on self-hosted blogs.

Of course, if you prefer captions on your blog posts to be aligned to the left or right, you can ignore everything I’ve said in this post.

If you have any questions about centring captions, leave them in the comments section.

Looking for more blogging tips? Click on the ‘Blogging Tips’ and ‘Block Editor – How To’ buttons on the menubar of my blog.

Follow Hugh on social media. Click on the buttons below.

Copyright © 2022 hughsviewsandnews.com – All rights reserved.

56 thoughts on “This Is How Easy It Is To Centre Captions Underneath Images And Photos On WordPress

    1. It could also be that the theme you use on your blog is set to align everything to the left. It can happen when themes get updated by WordPress or when themes get retired and develop bugs. However, if you can’t fix it, I’d recommend you ask the Happiness Engineers at WordPress.They’ll be able to help.

  1. I didn’t know about this. I make my graphics at Canva for the most part. Do I need this skill?
    Congratulations Hugh, your post won the Inspire Me Monday Linky Party. You’ll be featured on my blog tomorrow.
    Janice

    1. Only if your captions are not aligning to the centre under any images and photos (and you want them to), on your blog posts, Janice.

      Thanks for the great news about winning the inspire Monday Link party.

      Have a great week.

    1. I think they are working on it, Karen, although I know that the gallery options in the Block editor are not to everyone’s liking. Many bloggers use the Classic block when adding photo galleries to get around the problems.

  2. I can always get the pictures centered, but the captions don’t seem to center consistently. Sometimes they’re centered in the draft and switch to left justification when I hit publish.

    1. Pete, there are a few things you can try to fix the issue –

      1. I don’t know which method you use when adding captions, but try a different way. If you add them in the block, try adding them in the media library instead, and vice-versa. I use both methods, which always work for me.

      2. Try adding a CSS code to your blog to centre captions. The code I previously used was –

      /* align caption on center-aligned images KG-15020525-hc */ .wp-block-image .aligncenter> figcaption { text-align: center; } /* KG-15020525-hc */

      However, some bloggers informed me that it didn’t always work. It always worked for me, though.

      3. I don’t know what theme you use, but if it’s a retired theme, WordPress will ask you to choose a current one they’re still supporting. A few years ago, I was having issues and discovered that the theme I was using was retired and no longer supported by WordPress. I had to choose a new theme to get rid of the bugs. It worked!

      4. It could be a theme bug that is making the caption align to the left despite you having used the ‘Align Centre’ button. Contact the Happiness Engineers and ask them if they can help check and fix the bug (if there is one).

      I hope that helps.

      1. Thanks for taking the time to make all these suggestions, Hugh. Interesting that some themes work and others don’t. I don’t think I want to change themes, but I’ll try some of your other recommendations.

  3. Hugh you’re such a font of essential and helpful information. Another new tip to help improve. Thank you.

    I’m also learning so much just from the conversations in your comments 😁

  4. I’ll have to try this again, Hugh, as until recently, my caption would show up “vertically” with every word underneath the previous one. Also, creating galleries – with captions for each photo – was still not possible when I last checked this out on the block editor. That’s why I’m still using the classic blocks for photos and galleries on my blog. It is possible to center the photos in the classic editor as well, which I always do.

    1. I’m going to have to play around with the galleries on the Block editor and see if I can get captions to centre on them, too, Liesbet. Thank heavens we have the Classic Block, although I do find it rather strange that some bloggers still refuse to use the Classic block.

      I’ll let you know how I get on.

      1. I always use the classic block gallery, Hugh. If it ever comes to using the newer photo blocks, any gallery would do. I like being able to put 4-8 photos in the same “block”, because grouping my many photos according to a theme or a place makes most sense.

        Right now, in the classic block, the captions show when someone clicks on the photo in a gallery or hovers their mouse over it. Not sure how the captions would show up in a block other than the classic one. They might partly cover the photos… I would have to play around with it more but don’t have time for that right now.

  5. I remember your last post on this subject and used the code for centering. Ot worked but only intermittently. I scrolled through and see that my captions are centered, but the caption is the same size as my body font. Always appreciated when you post these how-to’s Hugh!

    1. Hi Terri, the font size could have something to do with the theme you’re using or the font sizes you have chosen if not using the default font sizes for the theme. Some themes have the option for users to change the size of the font. I tend to leave them alone unless the font size is too small, although I’d probably choose another theme if the font size could not be changed and was too small.

  6. I’ve struggled with this forever! Thanks so much Hugh. I’ll give this a go. On my new author blog I can’t get my messages from the little bell icon on the front page of my blog. I have to go into the dashboard. I contacted WP… they claimed it was my browser, but it happens no matter what I do. Both Chrome and Safari have the issue. But on WordCraftPoetry I can use the bell to retrieve messages. I think the how we retrieve messages is going to change soon.

    1. You’re welcome, Colleen.

      I use Chrome and can access my messages from the bell icon anywhere it appears on my blog. I wonder if it’s a problem with the theme of your blog, as many of the older ones no longer have support? However, I don’t use the bell icon much because it sometimes does not always show all the messages, so I use the comments dashboard. I switch between the Default and Classic views, especially when dealing with spam, although I don’t get much spam any more since doing a big cleanup and housekeeping exercise on my blog.

      1. Thanks, Hugh. It could be the theme but this is a new blog. I’ve had issues receiving comments here. It’s so frustrating. I’m on Premium and you would think we would get some better themes. It seems all the specialty blogs are getting the themes.

        1. I’d recommend using the comments section on the dashboard of your new blog, Colleen. I think it’s far more reliable, although do check your spam folder for genuine comments that could end up in there.

          Once upon a time, you could check whether the theme you were using was active or retired, but WordPress seems to have moved or removed that option. I recommend you ask them the question next time you speak with them.

        1. Michelle – this bit of CSS might work and save you a lot of tedious updating. Use in your site Customize – Appearance – Advance CSS
          .wp-block-image figcaption {
          text-align: center;
          }

  7. I don’t often add captions to my blogs.
    I would have thought the instructions above were obvious, had I not, fairly recently, added one and found it impossible to centre, in spite of trying the obvious. I’ll go back and try again.
    How can it have taken so long to make this possible?

    1. It used to be done by adding CSS code to your blog, but as the Block editor has developed, WordPress is adding many features, so you don’t need to do the work.

      This new way has been available for quite some time because I’ve been using it, but I still see many blog posts with inconsistent captions. To me, it looks so wrong. Hopefully, this post put things right.

        1. Here’s the code I used, but I can not guarantee it works anymore.

          /* align caption on center-aligned images KG-15020525-hc */ .wp-block-image .aligncenter> figcaption { text-align: center; } /* KG-15020525-hc */

          Let me know how you get on.

        2. I found this snippet of code on helpmegeek.com. It seems to have worked and has even updated older posts. The post describes how it works, if you are interested.
          .wp-block-image figcaption {
          text-align: center;
          }

Join the discussion by leaving me a comment

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.