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:

.PageTitle
.SectionHeading
.SeeAlsoSubHeading

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

#PageTitle, h1, h2, h3, h4, .SectionHeading, .SeeAlsoSubHeading {
    color: red;
}

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

#PageTitle {
    color: green;
}

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

.SectionHeading, .SeeAlsoSubHeading {
    color: blue;
}

 

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.