O'Reilly logo

WordPress® All-in-One For Dummies® by Michael Torbert, Andrea Rennick, Kevin Palmer, Cory Miller, Lisa Sabin-Wilson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing the Background Color

After you explore the header image settings, you may want to pick a background color or image that complements your header. With the Background options in the Twenty Ten theme, you can. Here's how:

  1. In the WordPress Dashboard, choose AppearanceimageBackground.

    The Custom Background page opens in your Dashboard, displaying all the options for the custom background feature.

  2. In the Display Options section, enter the HTML color value for your desired background color in the Color field.

    Color values are defined in HTML and CSS by six-digit hexadecimal codes starting with the # sign, such as #000000 for black or #FFFFFF for white. (As noted in Book VI, Chapter 4, adjusting hexadecimal colors is one of the easiest ways to tweak the colors in your theme for a new look.)

    Alternatively, you can click the Select a Color link to access a color picker and select just the right color you want, as shown in Figure 1-8. The color picker automatically provides the six-digit hexadecimal code for your color choice.

  3. Click the Save Changes button.

    This saves your changes and applies them to your site.

    Figure 1-8: The Twenty Ten theme's background options.

    image

    If you want something a little more substantial for your background than just a simple color, you can also upload an image ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required