For easier navigation, please choose a Pepperio feature that you would like to learn about.
Pepperio Styles
Pepperio Styles are one of the more complex elements available to you in the templates interface. Styles include CSS (cascading style sheet) code, uploaded CSS support files, and javascript code for use within your site.
Adding a CSS and Directory name:
Your style requires a relevant name for use within Pepperio (so you know what it is), and a css directory name, usually unformatted. To load a style and edit these properties, follow these steps:
1) Single click the style 
you wish to load.
2) In the main toolbar, ensure 'Style Properties' 
has been selected.
3) In the right-hand pane, edit the 'CSS Name and Directory' fields.
Adding CSS Support Files:
The purpose of support files is to include images and other content that is directly used by the CSS. To access this section, first click the 
icon next to 'CSS support files.
You will notice a list of files that are included as part of your CSS. To delete a file, click the tick box next to its name, and click OK at the bottom of the page.
There are two ways to add new files, you may choose to browse for a single file by clicking 'Browse' under 'upload additional files' or you may select a .zip file (with multiple files in) and tick 'unpack-zip on server' to do a bulk upload.
Including CSS Code:
To introduce cascading style sheet code to your Pepperio Style, expand the 'CSS Code' area underneath 'CSS Support Files'.
You have the option to choose between 5 prebuilt CSS files, one default screen.css, one for printing, aural, projection, and handheld use. Clicking each tab will load each file for you to edit in the window.
Enter your code and click OK to save.
Including Javascript Code:
You may also expand the 'Javascript' section below the CSS Code. This area allows you to enter javascript that will be loaded in the header section of each page when used in conjunction with this CSS file. Simply enter your code in the editor provided, and click OK.