• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Amethyst Website Design logo

Amethyst Website Design

Affordable WordPress Website Design for Small Business

  • Home
  • About
  • Services
  • Praise
  • Portfolio
  • Blog
  • Contact »

WordPress Tutorials Themes

How to Change the Background of Your WordPress Website or Blog

July 15, 2012 Updated on December 13, 2018 Marcy Diaz

Share this post:

TwitterFacebookPinterestLinkedInEmail
May_and_June_2007_039.jpg via MorgueFile.com
May_and_June_2007_039.jpg via MorgueFile.com

With the latest WordPress (3.4), you are able to quickly and easily make style changes to your WordPress website or blog. This works for wordpress.com blogs or wordpress.org (self-hosted) websites.

If you don’t see these options in your theme, you can use the default Twenty Ten or Twenty Eleven themes. This post uses Twenty Ten, but Twenty Eleven is also responsive for mobile devices, and so is probably a better choice.

To activate Twenty Ten, go to your WordPress Dashboard and click on Appearance and then on Themes. Find Twenty Ten and Click the “Activate” link.

Activate Twenty Ten Theme in WordPress

While you are still in your Dashboard > Appearance > Themes, there are three places that the background can be edited. “Background” in the Dashboard sidebar under Themes, “Background” below the activated theme and “Customization” below the activated theme.

Let’s click on “Customize” under the Twenty Ten description. Then you will see the new Theme Customizer.

Click on “Background Images” and then on the little drop down arrow next to “No Image.”

Theme Customizer for WordPress Twenty Ten Theme

The first background image you can try is Old Mathematics by Josh Green from Subtle Patterns. The next one is Baby Pink Pastel Tileable Patterns from Webtreats Etc. I used pattern_16 resized to 200px and edited a bit.

Choose Background Properties for WordPress Theme

 

 

 

You will need to set the Background Repeat to Tile; Background Position can be Left; Background Attachment can be Scroll.  If you use a very large image for your background, you would want to set the Background Repeat to No Repeat; the Background Position to Center; the Background Attachment to Fixed.

 

 

 

 

Background Color Picker in WordPress

 

 

 

You will also want to edit the background color for each theme to match your pattern colors. For the gray pattern, use Hex Value #efefef, and for the pink, use Hex Value #feecf2.

 

 

 

The default header image was also changed. For the gray website, the Twenty Ten ink blot image was used. For the pink website, May_and_June_2007_039.jpg by ren was used from MorgueFile.com.

They look like this (click to see larger images):

WordPress Twenty Ten Theme with Custom Gray Background

Custom Pink Background for WordPress Twenty Ten

Two very different looks!

Share this post:

TwitterFacebookPinterestLinkedInEmail

You can have a beautiful, hardworking website for your small business.

Tell me about your website project for a personalized solution!

Contact Marcy »

___

Do you need website tips?

Sign up to get easy-to-use WordPress tutorials, Genesis theme customizations, and other helpful tips for your small business website.

Your email address will be used to send you blog posts. Privacy Policy

___

About Marcy

Marcy Diaz

I'm Marcy Díaz, the owner of Amethyst Website Design, a small business located in Phoenix, Arizona (in Ahwatukee Foothills). I help people, like you, grow your business with an affordable WordPress website design. Sign up for my blog and website tips that help you manage your own website.

Reader Interactions

Comments

  1. carpenter says

    I’m not that much of a internet reader to be honest
    but your sites really nice, keep it up! I’ll go ahead and bookmark your website to come back later. Cheers

    Reply
  2. Marcy Diaz says

    Thanks! Glad it helps you.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

 

Footer

Meet Marcy

Marcy Diaz, Amethyst Website DesignAmethyst Website Design is a small business owned by Marcy Díaz. I help people, like you, with your website by creating an affordable WordPress website using Genesis themes to fit your business and budget. I especially love working with new and small business owners, and can help you with the online part of your business.
Read More »

Let’s Connect!

  • Facebook
  • Twitter
  • Pinterest
  • Linked In
  • GitHub

Contact Info

Amethyst Website Design
PO Box 94782
Phoenix AZ 85070

Phone: 602.759.0501
Email:

Contact Form
Located in Ahwatukee Foothills

member of local first az
  • Sitemap
  • Cookie Policy
  • Terms and Conditions
  • Privacy Policy

© 2021   Amethyst Website Design   ◆   Log in

Using WordPress and the Genesis Framework

This site uses cookies for the best browsing experience. By continuing to use this site, you accept our Cookie Policy »OK, got it!