Creating a Custom Theme

Getting to the "Add CSS Theme" page

The Add CSS Theme page, where you create new themes, is accessed through the main page of the CSS Themes section. Go to the CSS Themes section by clicking on the CSS Themes tab in the Navigation Bar:

themes_themlist_navbar

Selecting a Pre-defined Theme as a Basis for Your New Theme

Select a theme from the menu; the CSS for this theme will be used as the starting point for the theme you are about to create.

themes_creating_menu_open

Once you have selected a theme, click the Create button. You will be taken to the Add CSS Theme page, where you can create a new theme.

themes_creating_menu_closed

Naming the Theme and Attaching an Image

The Name and Upload Image fields are where you name the theme and specify an image to be associated with the theme.

themes_creating_nameandimage

Enter the name of the theme into the Name field.

You have the option of attaching an image to the theme. The image will be rendered as a thumbnail beside the theme's name in both the Reseller Control Panel and your customers' Control Panels. Typically, the image is a thumbnail of a web page rendered using the theme.

To attach an image to the theme, you can either:

•	Enter the full pathname of the file on your local machine into the Upload image field.

•	Click on the Browse... button, which will open a dialog box where you can choose the image.

You do not have to reduce the image to thumbnail size; Blogware will do this automatically.

Viewing the Current CSS

The Current CSS section has a text field containing the full CSS for the style sheet that you selected as the basis for your custom theme. It is a read-only text field that lets you look at the CSS and select any portion for copying. Use it as a starting point for your custom CSS theme.

themes_creating_currentcss

Entering Your Custom CSS

The Custom CSS section has a text field into which you enter the CSS for your custom theme.

themes_creating_customcss

You only have to enter new styles or styles you are overriding into the Custom CSS text field. Any style in the current CSS theme that you do no override will be brought into your custom CSS as-is.

Creating the Theme

Once you've defined the styles in your custom theme, you can create the theme. Do this by clicking the Save CSS button at the bottom of the page.

themes_creating_savebutton

You will be taken back to the CSS Themes page, which will have the following message near its top:

themes_creating_stylecreated

Your new theme will appear in the Custom Themes list:

themes_creating_customthemeslist