Styling Page
The page has a number of interactive sections that can be laid out in a numerous ways. This section is targeted at web designers.
Background
Add background images to this section to make your site look the way you want it to.
CSS Class Name – background
Foreground
The foreground contains all content, menus and logos for your site, and can be targeted to use particular layouts from the templates via the Theme manager.
CSS Class Name – foreground
Menus and Header
Site Menu - Top
A site level menu that can be displayed above the header, changes made hear will apply to the whole site.
HTML Tag - nav/div
CSS Class Names – siteMenuTop/siteMenuTopInner
Site Head
A site level area that can be used to display images (like a logo) above your content, changes made hear will apply to the whole site.
HTML Tag - header/div
CSS Class Names – siteHead/siteHeadInner
Site Menu - Mid
A site level menu that can be displayed underneath the header, changes made hear will apply to the whole site.
HTML Tag - nav/div
CSS Class Names – siteMenuMid/siteMenuMidInner
Content Box
Contains all content related to the page.
HTML Tag - main/div
CSS Class Name – contentBox/contentBoxInner
Footer Area
Site level footer, when edited on any page will propagate to the rest of the site.
HTML Tag - footer/div
CSS Class Names – footer/footerInner
Site Menu Right
Available menus that can be fixed to the Right, some sites may use this to place social media options like sharing.
HTML Tag - aside/div
CSS Class Names – siteMenuRgt/siteMenuRgtInner
Site Menu Left
Available menus that can be fixed to the Left, some sites may use this to place social media options like sharing.
HTML Tag - aside/div
CSS Class Names – siteMenuLft/siteMenuLftInner
