Style Sheets allow you to create and edit different text styles. These styles allow you to efficiently keep continuity between many users on a site. Instead of having to add separate formatting options to text, users can simply select the desired style and have multiple formatting options instantly applied to their text.
The Add and Edit Style Sheets page allows you to add styles to the site, and edit styles already there.
After clicking on the Style Sheets button in the Control Panel, you will be taken to the Add and Edit Styles Window.
When you click on the drop down box, you are given two options:
Content Styles
Content Styles are text styles that are used in the content area of the web page.
Site Styles
Site Styles are text styles used on the site outside of the content area. These styles are used in things such left and top navigation menus.
Select which style you want to edit and then click on the Edit Styles button. This will take you to another page.
To add a new style, click on Create at the top of the window.
If you want to edit a style that already exists, select a style from the drop down box, then click on the edit style button.
In this screen you will set/edit the attributes for the style. You will be able to see the effect of the settings in the preview window in the top of the box.
Style Name
Enter the name of the new style in the text box. You can only do this if you are creating a new style. Once the style has been created, it cannot be renamed.
Font Family
Select a font from the drop down box.
Font Size
Select the desired size for the new font from the corresponding drop down box.
Font Color
You can select a font color for the style from the drop down box.
Background Color
This drop down box allows you to select a background color for the style.
Check boxes
By checking the appropriate text box, the text for the style can have bold, underlined, italicized, overlined, or has a line through it. You can select all, none, or any combination of these attributes to add to your style text.
By default Advanced Options are hidden. To see the Advanced Options, click on the Show button near the bottom of the window.
The Advanced Options allow you to set the paragraph formatting for the style.
Line-Height
This determines the line height for each line of text using this style.
Margin-Top
This determines the distance this style will go from the top of the page or content above it.
Margin-Bottom
This determines the distance content will go below the bottom line of text utilizing this style.
Margin-Right
This determines the distance this style will go from the right side of the page or content to the right of it.
Margin-Left
This determines the distance this style will go from the left side of the page or content to the left side of it.
Text-Align
You can select the text alignment you desire for the style. Alignment can be set to left, right, or center.
Letter-Spacing
You can set how many pixels will go between each letter in the style.
Click the save button at the bottom of the window when you are finished.