Remove Add & Change Image Border Properties in WordPress

You should know its best practice to add at least one image to each blog post.

This doesn’t mean it needs to be displayed on your posts, as it can be added as a featured image so it only displays on your blog page or other archive page.

Wherever you decide to display your image(s), keep in mind you can customize them on a per posts/page basis if needed after you’ve already inserted them into a page or post.

Lets take a look at how you can make changes to any images you add in WordPress using the advanced image settings.

Advanced Image Settings in WordPress

Image Properties

Here you can:

Change the width of your image border or remove it entirely by entering zero into the Border field.

Remove or Change Size of Image Border
Advanced Image Properties in WordPress

Remove Default Image Border

If your images include a border by default or don’t include a border, you can use the advanced image properties to include, change or remove the border around an image.

Edit Image Border

Add Image Border

To add a border to uploaded images, simply enter the width of the border in pixels after you have inserted it into a post or page.

Add Post Image Border

Child Themes Style.css File

If you open up your child theme’s style.css file, you’ll find a section for images.

You can easily find this section by opening the file using Notepad++ and entering image in the search function.

Go to Search > Find > Find Next and enter in the word Image.

Notepad++ Search Find

Here you’ll find the default image border properties which relate to every image you upload and insert into a post or page.

Themes Post Image Properties

This example shows the default image border properties for the Magazine child theme.

The avatar, featured images for pages & posts and all post images include a border of 4px thickness and grey color #eee.

You can edit these properties which will change the border properties on all inserted images on a site wide basis or use the image properties on a per image basis as shown above.


Comments

3 responses to “Remove Add & Change Image Border Properties in WordPress”

  1. Thank you for that tutorial. It fixed my problem.

  2. tiffany Avatar

    How do you shrink the side gray side bars on the left and right sides? WordPress theme default version 1.6

    Thanks for your help!!!

    1. Brad Dalton Avatar
      Brad Dalton

      Version 1.6 of what theme? There are 5 default themes.

      Link to the theme please.

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.