Blog DESIGN, BLOGGING | January 4, 2009

Simple Way to Add a Background Image to a WordPress Blog

I purposely selected a simple WordPress theme for this blog. I wanted to see what is or is not necessary when you start a blog. The Zindi theme that I used was programmed with a boring solid beige background. It did not feel like me.

I decided to add personality with an image. I first found a free pattern on Squidfingers. I twinkled it a little on Photoshop. I enlarged the size of the pattern and changed the color from orange to aqua blue.

A new feature in WordPress simplifies the process. I uploaded the background image using the Media menu. I then viewed the image on my browser and opened the image property (control-click on the MAC or right-mouse button for Windows) to find the exact Image Location. Copy (Command/Control C)  it since the path is long.

Then, you open the Editor of your Theme (Apparence menu). Click on Stylesheet (style.css) to edit it. Add url(exact Image Location you copied) repeat to the background element of body.

Mine reads body { font-size: 12px; font-family: Verdana, Arial, ‘Lucida Grande’,  Sans-Serif; background:#e4e4e4 url(http://ontheweb.kimvallee.com/wp-content/uploads/2009/01/bgrnd4ontheweb.png) repeat;color: #555;    }

Save your changes and your blog should have a background that reflects your style. My blog went from this

With a boring beige background

to this in a matter of a few minutes.

With a lively background image

, ,
  • add to kirtsy

3 Responses to “Simple Way to Add a Background Image to a WordPress Blog”

  1. 1 Bettina said:

    Thanks for sharing that tip, Kim – I’m sure it will come in handy soon (I’m setting up a blog for the International Year of Astronomy).
    Keep up the good work!

  2. Thank you for these tips. I will refer to your site often! 🙂

  3. Anouk: I am happy to hear that.