How to Add a Border Around an Image in WordPress

Do you want to learn how to add a border around an image in WordPress? Adding borders around your images can be an excellent way to enhance them and make them stand out. 

WordPress has many ways to add a border around an image. This can be done using third-party plugins, custom CSS, and whatnot. 

But in this article, I’ll be sharing the quickest and easiest method of adding a border around an image in WordPress. This method doesn’t require any plugin or custom code. 

So, let’s get started. 

Ultimate Blocks

How To Add A Border Around An Image In WordPress

Here are the step-by-step instructions on how you can add borders around images in the WordPress block editor. 

Step 1. Open your WordPress post/page editor and select the image to which you want to add a border to. 

Step 2. You’ll see the settings for the image block on the right sidebar. Click on the ‘Styles’ tab and you’ll find an option to add borders. 

Step 3. There are two options that let you set the border width and the border radius. Set the border width to your preference and add a border color. 

Step 4. You can also change the radius of the border by adding a value to the border radius field. As you can see, the border along with the radius is visible on the image. 

Congratulations! You’ve successfully added a border around an image in the WordPress editor with just 5 simple steps. 

You can add and customize borders like this by using the image block in the WordPress Gutenberg editor.

While there are plugins that offer more border functionalities, it’s not essential in most cases and just add unnecessary bloat to your WordPress site. 

By using the image block and its border feature, you can create pretty much different kinds of borders on your images. 

Conclusion 

So, that’s how you can add a border around an image in WordPress in simple steps that take less than a minute literally. 

The image block in the WordPress editor comes with the border feature so you don’t have to use any third-party plugin or add custom CSS code. 

If you have any questions or doubts regarding this tutorial, feel free to leave your questions in the comments section below.

Was this helpful?

Thanks for your feedback!

Leave a Reply

Your email address will not be published. Required fields are marked *

Introducing New Table Block Plugin - Tableberg

X
Need help?