Changing Backgrounds

In the website editor

  1. 1. Click on the section you would like to change. It should have a green outline.

    Click on the section you would like to change. It should have a green outline.
  2. 2. Click on the background clolour

    Click on the background clolour
  3. 3. Choose or add a colour

    If the background colour doesn't change, there must be an element in front of it. Click on the elements and sections to see what is in front of it.

    Choose or add a colour
  4. 4. To add an image, click the image icon

    To add an image, click the image icon
  5. 5. Right click on the image you want to add

    Right click on the image you want to add
  6. 6. Click on Rename

    Click on Rename
  7. 7. Add an SEO relevant name

    Add an SEO relevant name
  8. 8. Click on Save. Double-click the image to add it to the site

    Click on Save. Double-click the image to add it to the site
  9. 9. To add a filter, highlight the area by clicking on it

    Use this if you have dark text on a dark background, for example. Add a light filter, so the text becomes visible.

    To add a filter, highlight the area by clicking on it
  10. 10. Click on the background Image Opacity

    Click on the background Image Opacity
  11. 11. Choose a Fade level

    Choose a Fade level
  12. 12. Change the background colour to change the fade colour

    Change the background colour to change the fade colour
  13. 13. Press Save or Publish to go live

    Press Save or Publish to go live