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.
Watch the video below for a quick overview of how it works, and read below for more examples and settings.
To get started, open the Customizer. Not familiar with the Customizer? Just hover over My Sites in the admin bar and click Customize. Once it loads, look for the Colors & Backgrounds section.
If your theme supports a custom background, you’ll see a rectangle representing your background image or color:
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 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.
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.
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.
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!
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.
Quick Tip — Backgrounds: Use Your Inside Voice (The Daily Post, March 19, 2014)