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:


 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


Please sign in to leave a comment.