Web Wiz Forums - Set the background color of the RTE texarea

Print Page | Close Window

Set the background color of the RTE texarea

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums
Forum Description: Support forum for Web Wiz Forums application.
URL: https://forums.webwiz.net/forum_posts.asp?TID=27187
Printed Date: 28 March 2026 at 2:20pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Set the background color of the RTE texarea

Posted By: Mattias Nordin
Subject: Set the background color of the RTE texarea
Date Posted: 29 March 2009 at 8:38pm

Right now it seems to be transparent and i need the background to be white or some other color?
I have searched a lot and cant find where to define that color.

Please help.

Example of the transparent background: http://www.barrelrace.se/forum/new_reply_form.asp?TID=6&PN=1&TR=2" rel="nofollow - http://www.barrelrace.se/forum/new_reply_form.asp?TID=6&PN=1&TR=2

Thanks for a great tool !

Replies:

Posted By: Mattias Nordin
Date Posted: 30 March 2009 at 9:11am

Hmm... The reply form is included in the file.

new_reply_form.asp -->

includes/message_form_inc.asp -->

Even if i add a background color to the RTE_textarea.asp page no background is displayed in the first page. How come? Could someone please help me?

Posted By: WebWiz-Bruce
Date Posted: 30 March 2009 at 10:28am

You need to change this in the CSS File you are using for your forum. The part below shows which bit needs to be changed:-

.RTEtextarea{
    background-color: #FFFFFF;
    color: #000000;
    margin: 2px;
}

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: Mattias Nordin
Date Posted: 30 March 2009 at 3:24pm

I have allready tried that and it doesnt work.

.RTEtextarea{
background-color: red;
color: #000000;
margin: 2px;
}

Can someone verify that it works for you?

Posted By: WebWiz-Bruce
Date Posted: 30 March 2009 at 3:27pm

Red would be:-

.RTEtextarea{
    background-color: #FF0000;
    color: #000000;
    margin: 2px;
}

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: Mattias Nordin
Date Posted: 04 April 2009 at 9:17am

WebWiz-Bruce wrote:

Red would be:-

.RTEtextarea{
    background-color: #FF0000;
    color: #000000;
    margin: 2px;
}

That should do exactly the same thing. None of them work. Have you tried it yourself?

Thanks

Mattias

Posted By: 123Simples
Date Posted: 04 April 2009 at 12:18pm

Mattias

Where you see in your css file these lines as below:

.RTEtextarea{
   background-color: #FFFFFF;
   color: #000000;
   margin: 2px;
}

.RTEmouseOver{
   background-color: #FFFFFF;
   color: #000000;
}

After that add this:

/*Start TWS Mod*/
.WebWizRTEtextarea {
font-size: .75em;
font-family: Verdana,Arial;
color: #FFFFFF;
background-color: #FF0000;
}
/*End TWS Mod*/

That gives you a red text box with white font

-------------
http://www.123simples.com/" rel="nofollow - Visit 123 Simples Web Design

Posted By: Mattias Nordin
Date Posted: 07 April 2009 at 9:38am

Thanks for your help you all. But it is still not working correctly.

I have added .WebWizRTEtextarea to the CSS (before it was not existing inte the default.css file - Newest Access package). The background is not changed but the textcolor is changed. In firefox a small red line is displayed. In IE8 no background is displayed.

CSS used = Default + customization:


.RTEtableBottomRow{
 background-color: #D3DAED;
 background-image: url('../../forum_images/bottombar_background.gif');
}
.RTEtextarea{
 background-color: #FFFFFF;
 color: #000000;
 margin: 2px;
}
.RTEmouseOver{
 background-color: #FFFFFF;
 color: #000000;
}
/*Start TWS Mod*/
.WebWizRTEtextarea{
 font-size: .75em;
 font-family: Verdana,Arial;
 color: red;
 background-color: #FF0000;
}
/*End TWS Mod*/

The page that im trying to get working is the following:
http://www.barrelrace.se/forum/forum_posts.asp?TID=19" rel="nofollow - http://www.barrelrace.se/forum/forum_posts.asp?TID=19

The "quick reply" and the "post reply" boxes should have a background color. Now it looks like the default website body background is used???

http://www.barrelrace.se/firefox.png" rel="nofollow - http://www.barrelrace.se/firefox.png

http://www.barrelrace.se/ie.png" rel="nofollow - http://www.barrelrace.se/ie.png

Posted By: Mattias Nordin
Date Posted: 07 April 2009 at 9:43am

Ahhh... i found another thing.

I have added the website background in the body of the default_style.css file. If i remove that the edit box becomes red. But i really need the background of the site to be the same on all pages.


/* Page body */
body{
 background:url(/_design/background.png) repeat-x top;
 background-color:#ba9f79; 
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
}

Do you know a workaround?

Posted By: Mattias Nordin
Date Posted: 07 April 2009 at 9:48am

BINGO! Solved it.

The solution is to add background: None; to the style sheet code on the RTE_textarea.asp file (in the root)


<html xmlns=" http://www.w3.org/1999/xhtml" rel="nofollow - http://www.w3.org/1999/xhtml " dir="<% = strTextDirection %>" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<% = strPageEncoding %>" />
<link href="<% = strCSSfile %>default_style.css" rel="stylesheet" type="text/css" />
<style>
html,body{
border:0px;margin:1px;
background: none;
}
td {border:1px dotted #CCCCCC;}
</style>
</head>
<body class="WebWizRTEtextarea" leftmargin="1" topmargin="1" marginwidth="1" marginheight="1">
<% = strMessage %></body>
</html>

Thank you for all your help. :)

Posted By: 123Simples
Date Posted: 07 April 2009 at 1:40pm

Glad you got there in the end Mattias and thanks for sharing your findings Thumbs Up

-------------
http://www.123simples.com/" rel="nofollow - Visit 123 Simples Web Design