Font sizes


Configure font sizes

  1. Navigate to ‘Administration’ and then select ‘Font sizes’ option located under ‘Branding’


‘Font sizes’ tab

2. The following font sizes are available to select in the WYSIWYG editor’s formatting drop down. *They also feature as options to select for widget titles in widget settings

  • H1 font size
  • H2 font size 
  • H3 font size 
  • H4 font size 
  • H5 font size 
  • H6 font size 

3. Add CSS selector e.g. ‘.pane-latest-comments .pane-title’ to apply the font size to the HTML element.

4. Choose a ‘Font size’ from the dropdown menu, option to choose from:

  • Default
  • 10px


‘Add another item’

  1. Select ‘Add another item’ to add another CSS selector


Export styles

  1. Select ‘Export styles’


Remove font size

  1. Select the bin icon next to the CSS selector you want to delete 


‘Font size import’ tab

Import font size settings

  1. Select ‘Add File’
  2. A window will open to view files on your local drive
  3. Select the font file you would like to add, e.g. ‘intranet_font_values.json’
  4. Select ‘Upload’
  5. The file name will display next to ‘Add File’
  6. Select the ‘Submit’ button
  7. Select ‘Font sizes’ to review


Please note:

  • The default for heading font sizes is based on Material Design system.
    Material Design

Expected result

The font sizes will be added/updated



Brand manager