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.