Applying Custom Editor Styles

Header Styles

  • This is a H1 Header
    Open Sans 22px SemiBold — Default H1 header color matches body text color (grey #333333 or black). 


    This is a H2 Header
    Open Sans 20px SemiBold — Default H2 header color matches body text color (grey #333333 or black). 


    This is a H3 Header
    Open Sans 18px SemiBold — Default H3 header color matches body text color (grey #333333 or black). 


    This is a H4 Header
    Open Sans 16px SemiBold — Default H4 header color matches body text color (grey #333333 or black). 


    Preset colors are available by using the text color button. For example, this is FireBrick.

    Hex codes can be added by clicking the source code button. This example is #1673A4.

Editor Styles

  • Grey Border
    Body text can be set to grey #333333 (default) or black #000000 using the Grey Border Box Text Color setting. Link colors pull from the homepage. Font weight is adjusted within the Content App. This is an example link.

    Primary
    Background color and text are set using the Primary Editor Style Background Color and Primary Editor Style Text Color options in the TCW. Link colors are set in the TCW. Choose Primary Editor Style Link Color located under Global Template Colors. This is an example link.

    Secondary
    Background color and text are set using the Secondary Editor Style Background Color and Secondary Editor Style Text Color options in the TCW. Link colors are set in the TCW. Choose Secondary Editor Style Link Color located under Global Template Colors. This is an example link.