Using CSS to Change Heading Styles

HelpStudio uses CSS Style Rules in order to define the style of Titles and Headings. Default styles are defined for <h1>, <h2> ... <h5> elements, as well several named Style Rules for different headings:

.i-page-title
.i-section-heading
.i-see-also-sub-heading

 If you wanted to make all of the headings appear with the color red, you would create the following style rule (paste this into your Project Stylesheet):

.i-page-title, h1, h2, h3, h4, .i-section-heading, .i-see-also-sub-heading{
    color: red;
}

 You can also separate this to get different colors for different headers:

.i-page-title{
    color: green;
}

h1, h2, h3, h4 {
    color: red;
}

.i-section-heading, .i-see-also-sub-heading{
    color: blue;
}