Blog

WEBFI-WordPress-How to Add a Border Around an Image in WordPress



Do you want to add a border around your images in WordPress? Some users want to add borders around images. In this video, we will show you how to add a border around an image in WordPress.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:
http://www.wpbeginner.com/beginners-guide/how-to-add-a-border-around-an-image-in-wordpress/

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

Summary of this Tutorial:

First method is by installing and activating the WP Image Borders plugin.

You can go to Settings, WP Image Borders to configure.

You can either add a border to all images like this or you can target specific css classes to have a border and that’s what this section lets you do.

Save changes, if your chose the CSS option you can add the CSS class to any image you want the border around.

You can also add borders using HTML and CSS.

You can add the HTML when you use the text editor to modify the image.

You can also add it to your child theme by updating the style sheet with your image specific css code like you see here.

Related Links:

WP Image Borders

https://wordpress.org/plugins/wp-image-borders/

source

12 Comments

  • Severi Ally on June 9, 2015

    Ha! A clue to get rid of borders. Thank you.

  • bflyrenee on June 9, 2015

    This goes way to fast please please slow down please!!!!!!!! 🙁

  • Kayla Donahue on July 13, 2015

    Is it possible that a theme could be overriding the plugin? For some reason, I am not seeming to get the same results as this tutorial provides

  • Rain Awareness on July 31, 2015

    What about people without self-hosted blogs?

  • Sasha Pooch on May 20, 2016

    Can you put a border around a block of text?
    Thank you.

  • WilDutCom on February 7, 2017

    it that "image-border" you type at @0:56 ?

  • JustinRhone Rhone on July 27, 2017

    link?

  • Steve Anderson on April 18, 2018

    The thing that tripped me up was in the WP Image Borders Settings, you place a PERIOD before your class (.image-border), but in the actual image settings on your post, you enter it without the period (image-border). Hope that helps someone else.

  • Nahla ElKazak on August 23, 2018

    I need to have a business plan on wordpress to install a plugin?

  • Ashkan Ahmadi on September 10, 2018

    is it possible to add this to the <img when inserting the images?

  • mamoon khan on June 15, 2019

    hi it can not work for me please guide me as soon as possible

  • Amit on January 10, 2021

    Lovely. Can you please advise how to make Border Radius for every image in a particular page or at whole website – the easiest way please

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By WEBFINET
error: WEBFINET SECURITY IS ON