Docs

How can we help?

Get help straight from our team...

smartsites

Adding a custom website background

Updated 20 hours ago

Just by using some simple CSS you can easily add a custom background image to your website.

All you need to do is grab the URL of your chosen background and insert it into the snippet below.

body {
  background: #fff url('<strong>http://www.yourschool.com/your_bg_image.jpg</strong>') no-repeat top left;
}

Before:

css_custom_bg1

After:

css_custom_bg2

For more information on the CSS Background property try taking a look at this guide

 

Previous

Embed a PDF into a post or page

Next