An example of a Custom Page Layout with no styling changes (you can see the Sections, Tabs and Small Links)

To add in a Custom CSS styling sheet, you need to have created one based on the main labels, styles etc that are currently referenced in the system. We can send your through a styling sheet to use as a basic template if you require. However, this is difficult to update so we recommend ONLY qualified design/web staff attempt these changes.

#1: Click on Choose File

#2: Select the css file from your computer

#3: Click on upload

Choosing the correct image can be very difficult. Often most images are too "noisy" and their content distracts from the main sections and modules available on the site. Getting the correct image, image size, transparency and colour can require a lot of time. Ask a design professional for assistance if you need it.

You can upload header images to appear in the header at the top of the page. Choosing the correct image can be difficult. Getting the correct image, image size, transparency and colour can require a lot of time. Ask a design professional for assistance if you need it.

You can see that when you change the styling page, the header and the background image there are significant differences in the style of the page (compared to the original theme displayed in the step below).

Getting the styling, the background image and the header image to work correctly is NOT easy. Issues arise if:

You do not know the basics of how to create and update a css styling sheet

The header image is smaller than the header image from the main theme

The Background image is too small

The Background image has too much "noise in the background"

If you do not feel confident changing the images or the styling then leave these fields blank.

If you have changed the style and the images and they look terrible, simply delete the files by:

1: Click on "Replace file"

2: Click the "Delete" button

3: Save the changes