Appearance

Themes »Custom Backgrounds

What a statement a custom background image or color can make! The majority of our themes at WordPress.com allow you to customize the background of your blog by either uploading an image or selecting a color.

To get started, open the Customizer. Not familiar with the Customizer? Just hover over your blog’s name in the admin bar and click Customize. Once it loads, look for the Colors section.

If your theme supports a custom background, you’ll see a rectangle representing your background image or color:

colors_background

 

Setting a Background Image

To upload a background image, click the rectangle and then click the Select Image button and you’ll be able to select an image from your media library, or upload a new one. After you’ve selected an image, you can go back to the main Colors section by clicking Done.

background_select

↑ Table of Contents ↑

Background Image Options

When you have selected a background image the “Options” button will appear. Clicking this button will show the various options available to you:

 background_options

Position: This option allows you to position the background image on the Left (default), in the Center or on the Right of the page.

Repeat: This option determines if the background image is repeated. The choices, in order, are:
No repeat: The background image will be shown only once on the page.
Tile Horizontally: The background image will repeat only horizontally.
Tile Vertically: The background image will repeat only vertically.
Tile (default): The background image will be repeated both horizontally and vertically throughout the entire page.

Fixed Position: This determines if you want the background image to scroll with the content or to stay “fixed” in place when the user scrolls down the page. The default setting is unfixed.

Underlying Color: This allows you to change the underlying color of your background, it’s useful to match up your background image’s dominant color when you’re not fully tiling your image.

Hide background image: If you no longer want to use a background image, click this to hide it.

 

↑ Table of Contents ↑

Setting a Background Color

Prefer to use a solid background color instead of an image? Not a problem! Just choose one from the color palette:

background_palette

Suggested colors palette

Note: If you already have a background image set, this will remove the image.

↑ Table of Contents ↑

Saving Changes

Always save any changes you make in the Customizer, to make sure they are applied to your blog.

↑ Table of Contents ↑

Important things to note

  • If you have uploaded a background image AND set a background color, the image will appear on top of the color. The background color will show through any transparent areas of the background image.
  • The background color or image will override any custom CSS you might have created that relates to the background of the entire site.
  • Some themes come with default background images as part of their design. In many cases, these theme-supplied background images are removed whenever you upload your own background image or set a background color. This allows your customizations to take front and center!

↑ Table of Contents ↑

Where to find cool background patterns and textures

Below are links to sites that offer free background patterns and textures that you can download and use on your blog.

↑ Table of Contents ↑

Learn more

Quick Tip — Backgrounds: Use Your Inside Voice (The Daily Post, March 19, 2014)

Not quite what you're looking for?

Get Help