How to Customize the Background of the Storefront Theme

As we continue our series on the Storefront theme, we will now show you how to customize the background of your Storefront theme in WordPress. This allows you to use a background image or specific color and can help you further brand your WooCommerce website.

Customize Background

  1. Log into your WordPress Dashboard.
  2. In your navigation menu click Appearance then Customize.

  3. In the Customizer click the Background link.

  4. If you want to use a background color click the Select Color button, then choose your color.

    The new background color will display immediately.

  5. If you want to use a background image click the Select image button under Background Image.

  6. Upload an image or select it from your Media Library if you have uploaded it previously. Then click the Choose image button.

    Your new background will display immediately.

  7. You will also see additional settings available. Below is a description of the options.

    OptionDescription
    PresetThe background image will Repeat by default but you can choose to have it Fill Screen, Fit to Screen, or set it to Custom if you want to change the image position.
    Image PositionUse the arrows to move the background image where you want it.
    Image SizeHere you can choose if you want the image to display in the Original size, Fit to Screen, or Fill Screen.
    Repeat Background ImageCheck this for the image to repeat in the background.
    Scroll with PageCheck this for the image to scroll up and down with the page, instead of staying displayed in the background.
  8. Click the Publish button to save your changes.

Congratulations, now you know how to customize the background of your Storefront theme in WordPress! In the next guide, we will show you how to Customize your Typography in the Storefront theme.

JB
John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Comments

It looks like this article doesn't have any comments yet - you can be the first. If you have any comments or questions, start the conversation!

Was this article helpful? Let us know!