Styling Headings For CSS Stylesheets


You can style your heading in the content editor using the Format drop down box.

The standard format has a default appearance and font sizeas shown in the left image. However by adding the correct tags and corrisponding properties to the styles sheet you can change the default options for your headings

Style Sheet Heading Tags

h1{} = Heading 1
h2{} = Heading 2
h3{} = Heading 3
h4{} = Heading 4
h5{} = Heading 5
h6{} = Heading 6

The style properties that we add to these will be between the {}.

Basic Heading Properties

Property Description
color Sets the color of text
text-align left, right or center the heading on the page
text-indent Specifies the indentation of the first line in a text-block
text-transform Controls the capitalization of text
font-size sets the size of the font
font-weight bold, normal
font-style italic, normal

Examples and Codes

Here is a small collection of examples to illustrate howe the h1 tag can create differrant varaiations of your Page headings, simply by using the properties from abouve.

Please feel free to copy the code and adjust to your liking past it into your style sheet. Please not that once you have created a h1 tag in your styleshet it wil over ride all heading settings for the entire web site