Deliver superior customer experiences with an AI-driven platform for creating and deploying cognitive chatbots
Deliver Awesome UI with the most complete toolboxes for .NET, Web and Mobile development
Automate UI, load and performance testing for web, desktop and mobile
A complete cloud platform for an app or your entire digital business
Detect and predict anomalies by automating machine learning to achieve higher asset uptime and maximized yield
Automate decision processes with a no-code business rules engine
Optimize data integration with high-performance connectivity
Connect to any cloud or on-premises data source using a standard interface
Build engaging multi-channel web and digital experiences with intuitive web content management
Personalize and optimize the customer experience across digital touchpoints
Build, protect and deploy apps across any platform and mobile device
Rapidly develop, manage and deploy business apps, delivered as SaaS in the cloud
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.
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.
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?
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.
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 */
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.
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.
Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.