How to Add a Border Around an Image

If you want to add a border around an image, first thing you need to do is edit the Page, Post or module and go to the HTML editor.

Then find the <img> tag. Looks like:

<img src="http://www.example.com/wp-content/uploads/2015/04/bluebird-300x203.jpg" alt="bluebird" width="300" height="203" class="alignnone size-medium wp-image-36" />

Add this string of code:

style= "border: 5px solid # 000! Important;"

This is what is should look like:

<img src="http://www.example.com/wp-content/uploads/2015/04/bluebird-300x203.jpg" alt="bluebird" width="300" height="203" class="alignnone size-medium wp-image-36" style= "border: 5px solid # 000! Important;" />

Please note:

  • 5px is the thickness of the border. You can change this number if you want a thinner or thicker border.
  • solid #000! is the color. You can change this if you have another color code.
  • Important tells the system to override the default theme settings.

 

 

Submit a request
Join the Discussion

Community browse

Сategory Menu
Powered by Zendesk