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
