Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

CSS Styling Options in Hosted

Hosted Web has a CSS styling in Hosted allows the customisation option that allows customers to change the look and feel of the Hosted site to match their own branding. Customers can:

  • Apply their own colours schemes colour scheme 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 CSS styling.

Example screens with CSS styling applied

The following screenshots show styling applied, using the sample css file.  Comments in the css CSS file refer to the numbers on the screenshots and can be used a guide for changing the look and feel of a customer’s Hosted site.

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

Image RemovedImage Added

Final screen (well)

Changing background colour:

Include Page
greenID include
greenID include

On This Page

Table of Contents
minLevel1
maxLevel7
excludeOn This Page*
Include Page
greenID Hosted Web A-Z
greenID Hosted Web A-Z