Using the WordPress Figcaption Center: A Complete Guide

Using the WordPress Figcaption Center: A Complete Guide

WordPress Figcaption Center is a handy tool to align captions centrally regardless of the theme in use. If you’re having trouble center aligning the captions, this article is for you. Learn how to work with the WordPress Figcaption Center and align captions.

Working with WordPress Figcaption Center

Not all themes are created equal, hence it results in misalignment of the captions of certain images. Thankfully, there’s WordPress Figcaption Center to fix this issue. To get started, you must identify the CSS element/class that’s aligns the caption for the images. Here are the steps you need to follow:
  • Open your web browser and visit the webpage
  • Right-click on the image that has improper caption alignment and then click on Inspect. Doing so will open the Developer tool at the bottom of the screen
  • Now look for the HTML tag of the image and you’ll see the figcation element. For this, the CSS class is .wp-block-Image figcaption
  • Then navigate into Appearance > Customize and click on Additional CSS options
  • Here, you need to enter the following:
Code:
.wp-block-image figcaption
{ text-align: center;
}
  • Lastly, click on Publish
After the changes are made, you need to refresh the web page. If you’ve done everything correctly, the caption will now be at the center of the screen, aligned properly under the image. This is regardless of the WP theme you’re using.

So that’s how you work with WordPress Figcaption Center to align image captions centrally.
Author
kumkumsharma
Views
2,171
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from kumkumsharma

Top