Applying Custom Editor Styles

  • This is a H1 Header

    Lato 30px Bold — Default Black 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget mattis elit, pulvinar vulputate. 


    This is a H2 Header

    Lato 26px Bold — Default Black
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget mattis elit, pulvinar vulputate.


    This is a H3 Header

    Lato 20px Bold — Default Black
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget mattis elit, pulvinar vulputate.


    This is a H4 Header

    Lato 18px Bold — Default Black
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget mattis elit, pulvinar vulputate.

    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.

  • Grey Border

    Header text is determined by the Grey Border Box Header Color option in the Template Comfiguration Window (TCW) under Global Template Colors. Body text can be set to grey #333333 (default) or black #000000 using the Grey Border Box Text Color setting. Link colors match the Region C and D Link Color. Font weight is adjusted within the Content App. 

    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.

    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.