To create a custom style in the CKEditor for website, you need:
- Go to admin/config/content/formats
- Select Text Format and edit it
- Drag Styles from the Available Buttons to the Active Toolbar
- Edit Styles dropdown
- Now you are able to add styles in theme css file using css class .paragraph-small and .paragraph-large
For real-time behavior in the CKEditor you need to edit info.yml and add custom styles
ckeditor_stylesheets: - style/css/ckeditor_stylesheets.css
Add ckeditor_stylesheets.css and include styles. (see https://github.com/bigbluedoor/leeds-inclusive-growth-strategy/blob/dev/web/themes/custom/bbd_classy/style/css/ckeditor_stylesheets.css and https://github.com/bigbluedoor/leeds-inclusive-growth-strategy/blob/dev/web/themes/custom/bbd_classy/bbd_classy.info.yml)