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