This is a migrated thread and some comments may be shown as answers.

Editor styling (background color) problem

2 Answers 41 Views
Editor
This is a migrated thread and some comments may be shown as answers.
lina fetisova
Top achievements
Rank 1
lina fetisova asked on 04 Oct 2010, 09:25 AM
Good day!
I have got a site with blue background.
When I put a RadEditor to my site's page the RadEditor's background is blue too =(
I tried to add a css file where I wrote background-color: white; to body tag, but after that a lot of css bugs appeared, for example, the border of tales which I made in RadEditor disappeared and I couldn't see where is my table and so on.
I tried to add css file which is the same like css file of my site only with White background, but it didn't help too =(
Please, can you tell me how can I change the background color of RadEditor without changing other css properties?

2 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 04 Oct 2010, 09:32 AM
Hi Lina,

All you need to do is to set the CssFiles property to point to a css file containing the following classes:

.RadEWrongWord
{
background-color: yellow;
}
.RadEDomMouseOver
{
background-color:#ffffcc;
}
body
{
padding:3px;
background-image: none;
margin: 0px;
text-align: left;
scrollbar-face-color: #E9E9E9;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #E9E9E9;
scrollbar-3dlight-color: #DBDBDB;
scrollbar-arrow-color: #787878;
scrollbar-track-color: #F5F5F5;
scrollbar-darkshadow-color: #AEAEAE;
word-wrap: break-word;
}
form
{
background-color:#efefef;
border:1px dashed #555555;
}
table
{
BORDER-RIGHT: #999999 1px dashed;
border-bottom: #999999 1px dashed;
}
table td
{
PADDING: 1px;
border-top: #999999 1px dashed;
BORDER-LEFT: #999999 1px dashed;
}
table th
{
PADDING: 1px;
border-top: #000000 1px dashed;
BORDER-LEFT: #000000 1px dashed;
}

You can find more information in this help article: Content Area Appearance Problems.

Kind regards,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
lina fetisova
Top achievements
Rank 1
answered on 04 Oct 2010, 10:46 AM
Rumen, thank you verymuch!
but it helped me with the backgrownd color only after I wrote

background-image: none  !important;
background-color: #FFFFFF !important;

and so on!
but table propeties are great - everything works! thank you!
Tags
Editor
Asked by
lina fetisova
Top achievements
Rank 1
Answers by
Rumen
Telerik team
lina fetisova
Top achievements
Rank 1
Share this question
or