How to Customize the Background in WordPress Twenty Fifteen

By Lisa Sabin-Wilson

The Twenty Fifteen WordPress theme is packaged with the option to change the background to a different color or use an image for your background. To use the nifty, built-in custom background feature to change the Twenty Fifteen background for your blog, follow these steps:

  1. Click the Background link under the Appearance menu.

    The Custom Background page loads on the Dashboard.

  2. Click the Select Color button to change the background color.

    You can enter a hex color code in the text box provided.

    If you don’t know what hex color code you want to use, click the Select Color link and click a color within the provided color picker. The color selected in the example is #f1f1f1, which is gray.

    A hexadecimal (or hex) code represents a certain color. Hex codes always start with a hash symbol (#) and have six letters and/or numbers to represent a particular color; for example, the code #f1f1f1 represents the color gray in hexadecimal code.

  3. Click Background Image to use an image file for the background, and upload an image from your computer.

    Click the Browse button under Background Image and select a file from your the existing WordPress Media Library, or click Upload Files to upload an image from your computer. Then click the Choose Image button.

  4. Change the display options for your new background image.

    • Background Repeat: Select No Repeat, Tile, Tile Horizontally, or Tile Vertically in the drop-down menu to set the image repeat behavior of the background image on your website.

    • Background Position: Select Left, Center, or Right to set the screen position of the background image on your website.

    • Background Attachment: Select Scroll to set the background image to scroll down the page, or select Fixed to set the background image in a static position (so that it doesn’t scroll down the page).

  5. Click the Save & Publish button.

    Be sure to click the Save & Publish button before navigating away from the Custom Background page; otherwise, your new settings aren’t saved.

    Choose a background color using the color picker.

    Choose a background color using the color picker.

Because all themes are not created equal, themes that don’t have the custom header and background features enabled make it a little more challenging to change these elements. Without these features, you have to make tweaks via the theme CSS (style.css).