Font sizes

Summary

Configure font sizes

 
Steps
  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

Roles/permissions

Brand manager