Access Keys:
Skip to content (Access Key - 0)

Adding a Site Background Image in Drupal

On this page:

About Background Images

Drupal offers you a number of "starter" background images which you can use. You can also upload your own images to use. When choosing images for your site background keep these few things in mind.

  • 1200x900 is a good size for a background image
  • reduce the resolution if the image loads slowly
  • reduce the opacity or increase the transparency so the image does not compete with the content
  • choose images which don't contrast or interfere with the content

Adding a Background Image

  1. Click Configuration, then User interface, then Dynamic background.
  2. Click the Background images tab.
  3. Locate one of the stock Drupal Cloud background images to use.
  4. Click Use picture as background.
  5. Click Save configuration.

add or change background image

add or change background image

Adding Your Own Background Image

Adding a new image is done in two steps. First you must upload the new image and then you can select it. Each step requires that you click Save configuaration.

  1. Find a row with no image and click Choose file.
  2. Locate the image on your computer or server.
  3. Select the image and click Open.
  4. Click Save configuration.
  5. Click Use picture as background for the image you just uploaded.
  6. Click Save configuration.

Deleting a Background Image

  1. Locate the row with the image you wish to delete.
  2. Click Delete picture.
  3. Click Save configuration.

See Also

IS&T Contributions

Documentation and information provided by IS&T staff members


Last Modified:

August 07, 2020

Get Help

Request help
from the Help Desk
Report a security incident
to the Security Team
Labels:
image image Delete
background background Delete
c-drupal-get-started c-drupal-get-started Delete
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.
Feedback
This product/service is:
Easy to use
Average
Difficult to use

This article is:
Helpful
Inaccurate
Obsolete
Adaptavist Theme Builder (4.2.3) Powered by Atlassian Confluence 3.5.13, the Enterprise Wiki