Joomla Templates Club 406,261 posts

[codestream Friend codestreamJoin date: January 2007Posts: 31Downloads:0Uploads:0 Thanks: 14 Thanked: 7 times in 1 posts]

#118771

Greetings everyone,
I’m a newbie, and need some help finding out where to edit the text color for all my text input areas, like contact and messaging…

The Xenia Gamer is Dark, the input background is dark, and the text as its typed in is dark, which makes it difficult for users to see what they are typing…

Where exactly do I find these settings so I can change the text being typed in to white (FFFFFF) so it is readable during input?

URL: http://www.displaymode.com/

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#214582

Hi codestream,

You can change the background by editing the following CSS:

body {
color: #F2F2F2;
background: #000000;
font-family: Tahoma, Arial, sans-serif;
line-height: 150%;
}

body#bd {
background: url(../images/mainwrap-bg.gif) #363636;
}

Just change it to:

body {
color: #000000;
background: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
line-height: 150%;
}

body#bd {
background: url(../images/mainwrap-bg.gif) #363636;
color: #F2F2F2;
}

Hope it helps!

[codestream Friend codestreamJoin date: January 2007Posts: 31Downloads:0Uploads:0 Thanks: 14 Thanked: 7 times in 1 posts]

#214601

I applied your suggested changes and it had no effect on the target area.
I am trying to change the text from black to white in the form text input areas. As it is now, everything is dark and you cannot see what your typing into the forms, thats all I want to change, (the font color to white…) so it is readble…

Can anyone direct me to the right stylesheet and stylesheet area where I can make the edit? I’m not very goos with css yet, but I know there has to be some style code dealing with this area….
Any help is appreciated….

Thanks…..

<em>@Hieu Nguyen 8136 wrote:</em><blockquote>Hi codestream,

You can change the background by editing the following CSS:

body {
color: #F2F2F2;
background: #000000;
font-family: Tahoma, Arial, sans-serif;
line-height: 150%;
}

body#bd {
background: url(../images/mainwrap-bg.gif) #363636;
}

Just change it to:

body {
color: #000000;
background: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
line-height: 150%;
}

body#bd {
background: url(../images/mainwrap-bg.gif) #363636;
color: #F2F2F2;
}

Hope it helps!</blockquote>

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#214602

Hello,

I’ve misunderstood your question :p . I thought you ask about the Editor’s background. Sorry!

To change the Input box background from black to white, please try to edit the CSS below:

.inputbox {
border: 1px solid #363636;
background: url(../images/input-bg.gif) #000000;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: url(../images/input-bg.gif) #000000;
}

Change it to:

.inputbox {
border: 1px solid #363636;
background: #F2F2F2;
}

.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: #F2F2F2;
}

Hope it helps this time! 😉

[benveurman Friend benveurmanJoin date: March 2006Posts: 1Downloads:0Uploads:0]

#214741

The background of the inputbox is dark (../images/input-bg.gif). How can I change the fontcolor of the inputbox (textarea). When I type a message you can’t see the inputtext because a dark fontcolor is used. The solution of Hieu Nguyen doesn’t work correctly.

[Author]

Posts