When you first get to the page to edit the CSS for a page, it will display a list similar to the illustration above. Click on an "edit" button to edit the fonts and styles for that "CSS Element".

The settings on the edit page will dictate the styles for that element.

Click on the "colors" button to view a handy table of different colors and the "Color code" for each, that you can use for any of the color settings.

Informs you of what page this CSS is used on.

This is the element name, it is how this field is identified in various places in the admin panel.

The description of what this element is used for. Not every element will have a description.

This is what is used in the "HTML" in order to use this CSS element. It is used in the "class" property of an HTML tag.

The "family of fonts" used for this element.

Used for the CSS "font-size" property.

Used for the CSS "font-style" property.

Used for the CSS "font-weight" property, for how "heavy" a font is.

Used for the CSS "color" property.

Used for the CSS "text-decoration" property.

This removes or places special decoration (such as underline) that the browser may place on text.

Used for the CSS "background-color" property.

Used for the CSS "background-image" property.

Used for the CSS "text-align" property.

Used for the CSS "vertical-align" property.

Can be used to further customize the "CSS Properties" for this CSS element. The text you enter here (if used) will be inserted inside the { and } for the CSS rule, so all you need to enter is the rules and nothing else.

Example:

text-decoration: line-through;