Mura CMS

• Documentation
•  » Developer Guides
•  » Front End Development
•  » The Editor
•  » Customizing Styles in CK Editor

Customizing Styles in CK Editor

The styles dropdown in CK Editor can easily be configured for custom, theme-specific styles.

1. Locate the following file and open it in your favorite text editor:
   
   

   /{siteID}/includes/themes/{theme name}/js/styles.js

2. Edit styles.js to remove, edit or add new styles using the following convention:
   
   

   { name : 'DROPDOWN LABEL', element : 'HTML ELEMENT', attributes : { 'ATTRIBUTE' : 'ATTRIBUTE NAME' } },

   Example:
   
   

   { name : 'Intro Paragraph', element : 'p', attributes : { 'class' : 'intro' } },