SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I added a content editor webpart in my sharepoint page. By default it is using 'Verdan' font type. How would I change it to 'Arial' ?

share|improve this question

Actual class name to overwrite is ms-WPBody

share|improve this answer

The default font settings for the body of a content editor web part are controlled by the


style in the corev4.css file. To change it you will need to override that style with your own CSS

share|improve this answer
I tried same like you sugested, but did not get the result. in my custom CSS. in CSS I added .ms-rte-wpbox{ font-family: Arial; Font Size: 10px} in designer i added as <SharePoint:CssRegistration Name="CSS Path" After="corev4.css" runat="server"></SharePoint:CssRegistration> ... but still not getting the result.. anything I missed – Srikanth Mar 29 '12 at 9:42
@ Deep Nair - the class name you suggested was a WRONG ONE and ate a lot of my time. – Srikanth Mar 29 '12 at 13:12
I apologize for the delay in response. The ms-WPBody would apply styling for any web part in the site. But the class .ms-rte-wpbox should be good enough to change the font style for only rich text boxes. – Deepu Nair Mar 30 '12 at 16:08

Changing the Default Text Style in the Content Editor

This will change the default font size in the wiki editor on a publishing site.

.ms-wikicontent, .ms-wikicontent p, 
.ms-rtestate-field, .ms-rtestate-field p,
.ms-rte-layoutszone-inner-editable, .ms-rte-layoutszone-inner-editable p, 
.ms-rtestate-write, .ms-rtestate-write p{
    font-size: 10pt;
    font-family: Verdana,Geneva,sans-serif;
    color: gray;

And if you want to change the default style for hyperlinks:

.ms-wikicontent a, 
.ms-rtestate-field a,
.ms-rtestate-write a,
.ms-rte-layoutszone-inner-editable a{
    text-decoration: none;
.ms-wikicontent a:hover, 
.ms-rtestate-write a:hover,
.ms-rtestate-field a:hover,
.ms-rte-layoutszone-inner-editable a:hover{
    text-decoration: none;
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.