Share on Pinterest

3 Easy Steps To Add A White Border to Images In WordPress |

How To Make Your Pictures Pop On Your Blog


Hey bloggers!  Just a quick video to show you how to add a white border to images in WordPress.

Why would you want to do this?  Several reasons:

  • If you do not have a white background on your website, this will clean up your images harsh borders.
  • Adding a white border to your images really makes them “pop”!
  • It looks better!

So with that being said, here is a quick how to video that show you how to add a white border to images in WordPress.

Ads by Healthy Ads

3 Easy Steps To Add A White Border To Images In WordPress


1. Backing Up Your Site


Here are the written instructions to completing this task.  We have to add some css to your theme (which is super easy).  You will only need to do this step once and then you will only have to add the css to the images.

When you are doing anything with your theme, always make a back up of your site before you do anything to your theme!

I like to use ManageWP to manage and backup websites.  It is super easy to use and is user friendly!

2. Adding CSS to Your Images


As I mentioned in the video you will need to add this in your CSS class to create a white border around your images.  Just paste this into your html right behind your image (see video).


3. Adding CSS to Your Theme


Now that you have added the css class, you will need to add the styles to your theme. This can be accomplished 3 ways depending on your theme & workflow:

  1. Add the css below to your child theme or your parent theme.
  2. Add the css below to the custom css area of your theme
  3. Install the free plugin: Jetpack. Under the Jetpack menu in your WordPress dashboard click on Jetpack and active the Custom CSS module.  Then go to Appearance –> Edit Css and paste the code below there.
.img-white-frame {
	padding: 10px;
	background: #FFF;
	box-shadow: 0px 0px 2px 2px #C8C8C8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;


Questions?  Mike From Tuna Traffic Is Here To Help!


We know you might have questions.  If you do, please comment below and Mike from Tuna Traffic would be happy to help!



PAID ENDORSEMENT DISCLOSURE: In order for me to support my blogging activities, I may receive monetary compensation or other types of remuneration for my endorsement, recommendation, testimonial and/or link to any products or services from this blog. Your support keeps this blog running and is greatly appreciated. AMAZON DISCLOSURE: The owner of this website is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon properties including, but not limited to,,,,, or DISCLAIMER: The content on the blog Whole Lifestyle Nutrition is for educational and informational purposes only, and is not intended as medical advice. I am not a medical professional and the information contained on this blog should not be used to diagnose, treat or prevent any disease or health illness. Please consult with a qualified health care professional before acting on any information presented here.

Join the Conversation