Styling Content

The main page information is wrapped inside ContentBox, which is set as an HTML element of main, and should be styled along with the rest of the page layout.

Content Header Area

Contains header level information, populated as default in certain pages.

HTML Tag - header

CSS Class Name – contentHead

Content Area 0

Defaults to 100%, contains Header, Description and Keyword controls.

HTML Tag - div/div

CSS Class Name – content0/content0Inner

Content Text Area

Placeholder for main content, layout of the subsequent content can be changed via Ousia Toolbar.

HTML Tag - main/div

CSS Class Name – contentArea

Content Area 1

Additional Information, wraps under the header on Mobile Sites.

HTML Tag - div/section

CSS Class Name – content1/content1Inner

Content Area 2

Main Article, the majority of information should be in here

HTML Tag - div/section

CSS Class Name – content2/content2Inner

Content Area 3

Extra additional information that you want at the bottom of the page on a mobile device

HTML Tag - div/section

CSS Class Name – content3/content3Inner

Content Area 4

Extra additional information that you want at the bottom of the page on a mobile device

HTML Tag - div/section

CSS Class Name – content4/content4Inner

Content Foot

Defaults to 100% width, wraps across the bottom of the content.

HTML Tag - section

CSS Class Name – contentfoot