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 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:

    color: green;

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

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




Have more questions? Submit a request


Please sign in to leave a comment.