Design Your Site

Custom Backgrounds

What a statement a custom background image or color can make! Many of our themes at allow you to customize the background of your site by either uploading an image or selecting a color.


The following guide is for sites that are using some of our older themes. If you don’t see Customize under appearance, your site is using our Site Editor. You can learn all about the Site Editor here.

Table of Contents

Watch the video below for a quick overview of how it works, and read below for more examples and settings.

To get started, go to Appearance → Customize → Colors & Backgrounds.


If you don’t see Colors & Backgrounds in Customize, your theme does not support changing the colors and backgrounds. Check out our latest themes to take advantage of our fully customizable Site Editor.

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

Background Color Options in the Customizer.

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.


↑ 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:


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, or you can click on the pick your own color link below the color palette to choose your own color:


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 by clicking on the Save & Publish button at the top, to make sure they are applied to your blog.

↑ Table of Contents ↑

Important Things to Note

  • The background color or image may 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