CSS Styling Options in Hosted

CSS styling in Hosted allows the customisation the look and feel of the Hosted site to match their own branding. Customers can:

• Apply their own colours schemes to text and buttons

• Add logos

• Add top or bottom banners

• Change Fonts

• Adjust the margins and padding 

Using CSS Styling in Hosted

Customers need to provide greenID with a URL reference (hosted by the customer) which includes the required css styling.

Example screens with CSS styling applied

The following screenshots show styling applied, using the sample css file.  Comments in the css file refer to the numbers on the screenshots. 

Header, footer, fonts:

Field labels, field well:

Font weight:

Document labels

Fonts, font weight:

Waiting screen fonts

Field labels and icons

Help icons

Modal fonts

Final screen (well)

Changing background colour: