Restyling the Comments box (RadEditor) throughout Sitefinity

Restyling the Comments box (RadEditor) throughout Sitefinity

January 20, 2011 0 Comments

The content you're reading is getting on in years
This post is on the older side and its content may be out of date.
Be sure to visit our blogs homepage for our latest news, updates and information.

While working on a sample web site I noticed my comments textbox was inheriting a gray background from my web site’s BODY styles.

Comments box inheriting background color from body

After playing around with Firebug (which hopefully you’re using) I noticed this style was being inherited from the BODY styling that I had in my Theme.

Firebug showing inherited style for Sitefinity Comments box

By default, Sitefinity is picking up my Theme styling and applying it to RadEditor.  This might be fine, unless you’re utilizing a background-color that shouldn’t be applied to RadEditor.  So how can this be fixed?

Configuring new styles for RadEditor

The CSS applied to Sitefinity is configured in Sitefinity’s Settings section.  This setting can be found at in Advanced and Appearance.  The property you’re looking for is called EditorContentAreaCssFile.

Setting the RadEditor styles in Sitefinity

To apply new styles to RadEditor, simply point Sitefinity to a new CSS file.  From there, you’ll need to create that CSS file in your web site.  Here is an example.

/* These styles are used for styling RadEditor and are only applied when RadEditor is used on the page */
/* This style is referenced in Sitefinity's configuration in the Appearance area */

body 
{
    background-color: White !important;
}


As demonstrated above, you might need to utilize the !important attribute to styles inherited from your other theme.  Using these styles you should be able to style RadEditor however you might wish.

progress-logo

The Progress Guys

View all posts from The Progress Guys on the Progress blog. Connect with us about all things application development and deployment, data integration and digital business.

Comments
Comments are disabled in preview mode.
Topics
 
 
Latest Stories in
Your Inbox
Subscribe
More From Progress
d12fcc0bdb669b804e7f71198c9619a7
5 Questions Automakers Should Ask to Improve Asset Uptime
Download Whitepaper
 
SF_MQ_WCM
2018 Gartner Magic Quadrant Web Content Management (WCM)
Download Whitepaper
 
What-Serverless-Means-For-Enterprice-Apps-Kinvey
What Serverless Means for Enterprise Apps
Watch Webinar