Stylesheet Classes

The Class Selector

styles  

In the CMS you can access your classes via the Styles tab in the menu bar. styles are created in the Styles sheet using what is termed "Classes"

Once a class is created in your stylesheet the content editor automatically reads it and makes it available from within the content editor. you can then select different elements innyour page i.e. images, text, headings and apply your styles to them.

The class selector uses the HTML class attribute, and is defined with a "." you can call your class anything you like, possibly something that descibes the class. for example a class that senters the text would be

.txtcenter { textalign: center; } .txtcenter being the name of the style followed by the properties inside the {}

You can also specify that only specific HTML elements should be affected by a class. In the example below, all image or photo elements with class="center" will be center-aligned:

img.center {text-align:center;}