Changing the Background Color of Your Site

Concept

One of the easiest ways to modify the appearance of your site is to change the background color. You may want to use the same background color as your main website to maintain continuity between that site and your PastPerfect Online site.

In the Custom CSS field, you will see colors are represented by a six-digit hex code/value. For help selecting a color and finding the hex code, see the HTML Color Picker link listed under Reference.

Site with a gray background

Example of site with a gray background

Site with a red background

Example of site with a red background

Warning: Making changes to the CSS will alter the appearance of your site, and if done incorrectly could cause the site to lose all styling.

Task

If previous modifications have been made by PastPerfect staff or someone in your organization, the hex codes referenced in these steps may not be the same as the hex codes in your Custom CSS field.

  1. Sign in to https://admin.pastperfectonline.com.
  2. Select the CSS tab.
  3. In the Custom CSS field, locate the body element.

    Body element

  4. To the right of the background-color property, change the "ffffff" to the hex code of your choice. Be sure to leave the "#" and ";" before and after the hex code.

    hex code

  5. Once you have made your changes, click the Update Museum button at the top or bottom of your page to save the changes.
  6. Click the Open Web Site link at the top of the page to view your changes.

Reference