Tutorial

How do I create a Master Page Background Image?

To add a master background image to your site, follow these steps:

- In the Control Panel under Master Settings ---> click "Edit Master Template"
- Within Edit Master Template ---> look for the field "Master Page Background Image"
- Browse for your background image, select and click the "Apply Style Changes" button
- Please note: you may need to refresh your site to see the changes put in place.


If you want your background image to NOT repeat, you will need to add CSS coding to your site. Here are the steps:

First, you need to get the color of the bottom row of pixels in your background image (after uploading the image in the steps mentioned above), and set the master page background color to that.
The master page background color field can be found within the "Edit Master Template" menu. Look for the field "Page Background Color".

Then, in Edit Font Settings, in the "Extra Style Sheet Tags" field, you need to add the following:



body {
background-repeat: repeat-x;
}



Here is an example:


The above CSS means the background image only repeats across the screen, and not down a number of times.

Conversely, you could also use repeat-y to repeat down the screen and not across, or "no-repeat" to not repeat the image at all.


Please note: Adding CSS to your site is considered adding 3rd party script and is not something that our support team troubleshoots. To learn more about CSS please visit:CSS Turorial