How do I add a background image to my website?

Adding a background image to your website is an easy way to give it a distinctive and memorable look. We recommend using a photo that sparks interest but doesn’t distract from the rest of your content.

WebDirect’s eight website designs interact with background images in different ways. The Avenue and Focus styles overlay the background image with colour, so that text and other images stand out more.

The Frame style features the background image without a tint, so a more abstract image works best. Try a large scale blur for a modern feel, or a dark textured watercolour for a more organic look.

To add a background image to your website, just follow these steps:

  1. Log in to your WebDirect BackOffice.
  2. Under the ‘Content’ tab, click on ‘Branding & design’.
  3. Click on the ‘Add image’ button and select your preferred background image. 
  4. Click on ‘Preview’ to see how it looks, then select ‘Publish’ to update your website.