• Welcome!
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

Whole Lifestyle Nutrition

Organic Recipes & Holistic Recipes

  • About
  • My Books
    • Natural Solutions for Cleaning and Wellness
    • Gluten Free & Grain Free Breads, Batters, & Doughs
  • Challenges
    • 28-Day Healing Challenge
    • 30-Day Dumbbell Challenge
  • Recipes
    • Recipes
    • Meal Plans
  • Healing
    • 28-Day Healing Challenge
    • One-On-One Coaching
    • Toxic-Free Secrets Master Class
  • Health
    • Health & Lifestyle
    • Natural Solutions
      • Health Remedies
      • Home Remedies
      • Natural Solutions Resource Page

Food Photography & Blogging Tips Health & Lifestyle

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

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

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.

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).

class="img-white-frame"

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;
}class="img-white-frame"

 

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!

 


 

  • Share 0
  • Pin it 0


Halle Cottis/Whole Lifestyle Nutrition is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

« I’m Guest Blogging At Ditch The Wheat ~ Holiday Fudge Recipe
Top 9 Signs You are Addicted To Food »

small head shotHello and Welcome!

I'm Halle: food lover, modernized hippy, blogger, and a mama trying to solve all problems naturally.  I love photography, especially shooting images of food!  My goal is to make you drool and inspire you to want all things healthy!  ❤Learn More →

Toxic-Free Secrets Master Class Now Available!

Toxic-Free Master Class Now Available

Grab Natural Solutions for Cleaning & Wellness!

natural-solutions-book-copy-2

My Weight Loss Story

My Weight Loss Story
e-book

Gluten Free And Grain Free Breads, Batters And Doughs Cookbook

by Halle Cottis

So it wasn’t good enough to just have great tasting food, these recipes had to taste better than the originals. I have tested and retested these recipes and I have to tell you all…they are AMAZING!

$24.95
Top Cookbook Recipes
1 Chocolate Zucchini Bread 2 Chocolate Chip Banana Nut Bread 3 Mini Chocolate Chip Muffins 4 Peanut Butter & Jelly Pancakes 5 Carrot Cake Cupcakes

Trending Posts

What is kombucha and why it is so healthy for you! | WholeLifestyleNutrition.com

What Is Kombucha & Why Is It So Healthy For You {Part 1}

Paleo, Gluten Free, Grain Free Mini Muffins {2 Versions}

How to get rid of sour towels with just one ingredient! | WholeLifestyleNutrition.com

How To Get Rid of Sour Towels With Just One Ingredient!

Get rid of dog and cat urine odor naturally!

Get Rid of Dog and Cat Urine Odors The All Natural Way!

FOLLOW THIS ONE TIP & SAY GOODBYE TO BAD SMELLING HIGH EFFICIENCY WASHER MACHINES FOREVER

Follow This One Tip & Say Goodbye To Bad Smelling High Efficiency Washer Machines Forever!

  • Terms of Service
  • Privacy Policy
  • Disclaimer

Copyright © 2021 · Whole Lifestyle Nutrition

Copyright © 2021 · Whole Lifestyle Nutrition on Genesis Framework · WordPress · Log in