WordPress – Background

In this lesson, we discuss how we can change Background of the site in WordPress. We can change the background image and background color easily in WordPress.

Find below-mentioned points to work with Background in WordPress.

Step (1) − Navigate to Appearance > Background section from your wp-admin panel.

wordpress-background

Step (2) − You will be redirected to Customization page. Click on Select Image button.

wordpress-background

Step (3) – A new window opens as shown in the screenshot:

wordpress-background

Here you can upload an image in two ways:

1. Media Library
2. Upload Files
 

1. Media Library

  • You can choose from existing images. Just select the image and click on Choose image button.
     
    wordpress-background
  • You can choose from preset and change Image position, size. You can also repeat background and can make a scrolling effect by clicking on Scroll with Page checkbox.
     
    wordpress-background

Last, Click on Publish button to save your changes.
 

2. Upload Files

  • You can also upload new image by clicking on Upload Files button as shown in the screenshot.
     
    wordpress-background
  • It will ask you to upload images. To know how to upload images read our previous lesson of WordPress – Add Media. Once upload complete, click on Choose image button to insert image.
     
    wordpress-background
  • Again you can choose from preset and change Image position, size. You can also repeat background and can make a scrolling effect by clicking on Scroll with Page checkbox.
     
    wordpress-background

Last, click on Publish button to save your changes.
 
Step (4) – You can also change the Background color of the website. Hover over Appearance and click on Customize option.

wordpress-background

Step (5) – A new window opens. click on Colors button as shown in the screenshot:

wordpress-background

Step (6) – A new popup gets displayed. Here you can choose from predefined color schemes as shown in the screenshot:

wordpress-background

Step (7) – You can choose your own custom color for the background. Click on Select Color button and enter your desired color hex-code as shown in the screenshot:

wordpress-background

Last, click on Publish button to save your changes.

Spread the love