Basic customization
Changing the main container position
To move the main container to the left of the browser window, edit the header form and change body class to 'left-aligned'. 'right-aligned' does the opposite. No value centers the container.
<body class="left-aligned">
Adding a static page
To add a static page, create a new section and choose static_page page for it. Then just write a new post to this section with the needed content.
Turning off shadows
To turn off semitransparent shadows that are unobtrusively inserted into the page by a script, open scripts.js file in gaia/scripts folder and comment the corresponding line (in the end of the file) like this:
//Gaia.Shadows.init();
Advanced customization
Gaia comes with an warm and elegant autumn-feel theme that is enabled by default, but if you want to customize graphics and colors in the template, do the following:
- Remove the autumn.css link in the header form to see the undecorated version of Gaia
- Make a copy of gaia/css/autumn.css with your theme name (i.e. spring.css)
- Include it in the header form in place of autumn.css
- Create a folder in gaia/image named after your theme (i.e. gaia/image/spring) to put all graphics for it there.
-
Find the following construct in the header form:
Gaia.IEDecorator.init('<txp:site_url />', 'autumn')
Replace 'autumn' with your theme name
- Edit the stylesheet as you like.
If you do not use alpha-transparent PNG overlay for you main container, comment the following line in the scripts.js file:
//Gaia.Overlay.init();
Gaia is bundled with the graphics vector sources in PSD format (in the psd directory), so feel free to change any colors, do any rearrangements and resizing and additional drawing you like.
Final note
If you have any feedback or suggestions on improvement of this template, I would very glad to hear them - please visit the Gaia TXP forum topic. A lot of work has been put into this template - thank you for trying it out!
Yours sincerely,
Vladimir