Home   Back   Next

The styles you choose for your site control the look and feel of your site. Styles control:

• Font size(small, medium large), font family(Arial, Times New Roman), font weight(bold, normal)
• text color, background color, background image
• borders: top, left, bottom, right
• margins: top, left, bottom, right
• horizontal alignment

You can create as many different styles as you want. You then apply a style to sections, columns and items. Many items allow you to apply different styles to different parts of an item. For example, on a form you can specify one style for the labels and another style for the fields.

Your collective list of styles is called a style sheet.

DbSmartSite has over 20 pre-built styles you can use or you can create your own. We include styles for horizontal menus, vertical menus, page title, site title, header section, footer section, body section, sidebars, calendar controls, heading 1, heading 2, labels, fields, standard text. All of our pre-built styles begin with the letters "Dbss".

Note: We recommend you always use our pre-built styles (those beginning with Dbss) and not create your own. That way, you can import an entire style sheet from one of our themes and it will work perfectly for your site!

The easiest way to handle styles at the start is to import a style sheet from one of our themes. You can then customize it to fit your needs.

You manage styles from the Style Manager.

There are 2 ways to access Style Manager:

• Click on from the Home page.
• Click on Site tab to display Site Manager and from there click on .

To add a new style, click on the button. The system displays the Style Properties form.

Many fields display an button beside the field. Click on the button to display a wizard to help you select a value.

Enter a name for the new style. Styles that you assign to a section, column or item all begin with a period (.) to tell them apart from html tag styles (i.e. a, p, div, span, body, etc.). Be sure to begin your style with a period (.).

Specify one or more properties for the style and click on the Save button.

Note: For more help on the meaning of each property, click on the button at the top right side of tha Style Properties form.

To edit a style, click on the button associated with the style.

Specify one or more properties for the style and click on the Save button.

To delete a style, click on the button associated with the style.

The system prompts you to be sure you really want to delete the style. Click OK to delete the style.

To save a style with a new name (copy a style), click on the button associated with the style.

Enter a name for the new style. Styles that you assign to a section, column or item all begin with a period (.) to tell them apart from html tag styles (i.e. a, p, div, span, body, etc.). Be sure to begin your style with a period (.).

Specify one or more properties for the style and click on the Save button.

If you are going to play with your styles, you may want to back them up first for later retrieval. To export(backup) your entire style sheet, follow these steps:

1. Click on the button at the top of the Style Manager. The system displays the Style Export form.
2. Enter a name for the exported style sheet.
3. Click on the Save button. Your current style sheet is exported for later retrieval at any time.

Note: From the Export Styles form, you can view any other style sheet you have exported before. You can also delete them if you want.

To import a style sheet you have previously saved or to import a style sheet from one of our themes, follow these steps:

1. Click on the button at the top of the Style Manager. The system displays the Style Import form.
2. Click on the button associated with the style sheet you want to import. The system imports the style sheet.

Note:To import styles from a theme, click on the link at the bottom of the Import Styles form to display the wizard and follow the instructions.

When you are finished modifying your style sheet, you must publish them before they are visible to any visitors to your site.

To publish your style sheet, simply click on the button at the top of the Style Manager form. The system prompts you to be sure you want to publish. Click OK to publish. Your styles are immediately published and visible to visitors.

If you have made changes to your style sheet and want to discard them all, you can easily do so.

To discard all changes to your style sheet since you last published, simply click on the button at the top of the Style Manager form. The system prompts you to be sure you want to discard your changes. Click OK to discard. Your styles are immediately changed to match your published style sheet.