Add a new CSS class in RTE

There are two simple steps involved in order to add a new CSS class in RTE.

1.  Add <class>  element in Website\sitecore\shell\Controls\Rich Text Editor\ToolsFile.xml :
   
   

   	....
   	<paragraphs></paragraphs>
   	<classes>
   	<class name="customeClass" value=".customeClass" />
   	</classes>
   	<dialogParameters></dialogParameters>
   	<languages></languages>
   	<contextMenus></contextMenus>
   	</root>
   	....

   view raw ToolsFile.xml hosted with ❤ by GitHub
2.  Now add the definition of that CSS class in Website\default.css file:
   
   

   	....
   	.customeClass{
   	padding-right:20px;
   	padding-left:20px;
   	}
   	....

   view raw default.css hosted with ❤ by GitHub
3.  Make sure to delete the cache, and you can see newly added customeClass CSS class in rich text editor drop-down.
   
   
   

I hope that was helpful for you! Please do not hesitate to comments or contact me if you have any question. 🌺

Baraa Masri
Email: Bmasri@tanasuk.com
Twitter: @Bara_Masri