Summary
Configure font sizes
Steps
- 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’
- Select ‘Add another item’ to add another CSS selector
Export styles
- Select ‘Export styles’
Remove font size
- Select the bin icon next to the CSS selector you want to delete
‘Font size import’ tab
Import font size settings
- Select ‘Add File’
- A window will open to view files on your local drive
- Select the font file you would like to add, e.g. ‘intranet_font_values.json’
- Select ‘Upload’
- The file name will display next to ‘Add File’
- Select the ‘Submit’ button
- 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