Custom Editor Styles
Add CSS styles to the Editor so you can apply them to content. This ensures content contributors can maintain adherence to brand guidelines and maintain style consistency at scale with minimal effort.
Custom editor styles appear in the Editor toolbar under Styles.
- Navigate to Site Tools > Dashboard > Site Administration > Editor Configuration.
- Click the Custom Editor Styles sub-page.
- This will take you to the Custom Styles table, where all your custom styles are listed.
Each column can be sorted in ascending and descending order via the header row, and the table displays 10 styles at a time with the option to scroll if additional styles exist.
Manage editor styles
Use the checkbox in the table heading to select or deselect all styles.
Create a new style
- Click the Add style button.
- Fill out the Name, Selector, and Class fields.
- (optional) Select Element wrapping to apply the style as a container that wraps around the selected element.
- Click Save.
Edit a style
- Click the pencil icon to the right of the style.
- Edit the form fields as needed.
- Click Save.
Delete a style
- Click the checkbox next to the styles you want to delete.
- Click the Delete button at the bottom of the table.