Theme Manager

From e107 Wiki
Jump to: navigation, search

e107 Wiki: English | Русский | Deutsch | Français | Magyar | Português | Български | Česky | Nederlands | Ελληνικά | Italiano | Norske | Polska | Slovenščina | Español | Svenska | Translate: Wiki | Page


Current Release 1.0.4 | | Download | Changelog | Forum | Plugins | Themes | RSS Feed of Latest Changes | Atom Feed of Latest Changes

Third part of the e107 handbook
Main page > I : First Aid > II : Development > III : Administration > IV : How To's > V : Plugin Writing > VI : Theming & Shortcodes

Theme Manager

The Theme Manager is used to control the look and style of your e107 website. The 0.7 install provides 13 standard themes to choose from. More can be installed, including those you have made yourself.

Configure Current Themes

Your e107 website uses two themes, one for the public website, and a second for the Admin Area. When you installed e107 0.7, they default to Reline for the Site Theme and Jayya for the Admin Theme. In most cases, there are theme options to control the layout of your website.

CSS Styles

Each theme can have multiple stylesheets. For Example:

Reline has two options:

  • Style.css which has a fixed width
  • Full_width.css which as it suggests, fills the width of the browser.

Jayya has 3 Style options.

  • canvass.css
  • style.css
  • pepper.css

Preload Theme Images

Preloading the theme images can speed up your website (all images are already loaded in the cache of your browser), or slowing it down (if there are a lot of graphics it might slow down the initial page load). Play around with it and see what setting suits your individual site the best. [1]

Layout Style

Jayya has 6 Layout Styles to choose from. These change the way the main icons are displayed. Play around with them to find your favourite.

Uploading Themes

You can upload valid theme zip files directly in the Theme Manager, depending on your upload Preferences. Browse to select the file and click Upload Theme. Alternatively, upload unzipped files using FTP to the e107_themes directory.

NOTE: 'Third Party Themes' are not developed or tested by the e107 core developer or support teams, as such they are not guaranteed to work or worse may break your site. Test any downloaded themes before you apply to a production system. Third Party Themes are available from

You can build your own Theme. A good start would be to take a copy of one of the standard themes and save it with a new name. This will save it from being overwritten in upgrades and save you work! See.

Available Themes

This area displays a list of themes with screenshots and a description of the themes installed in your e107_themes directory. There are three options to choose from

  • Preview Theme - Displays a sample view of your public website if the theme were applied.
  • Set As Site Theme
  • Set As Admin Theme

Remember to check the options.