Editing style.css

[auto_freak]

Hi everyone,

I wanted to know what section of "style.css" in my coppermine gallery should I have to edit so that my comments box has black color for the text. It is currently white or grey and my members including me cant see what we are typing on the comment box. My skin is "F1BLACK3BLUE". Please help me on this. There are two style.css files one is "style.blue.css" and the other one is "style.css". I want to edit the font color for the comment box. Its currently white, I need it to be black. I dont know if we are allowed to share our website links but this is my gallery location. "http://www.wheelsbd.com/gallery".

Your reply to this topic will be very well appreciated.

Regards,
Tauhid

[Nibbler]

Modify the .textinput class and add a color to it.

Code Select Expand


.textinput {
...
color: #000;
}


[auto_freak]

should i do that to both css files?

[auto_freak]

Hi I did this but nothing changed.

Code Select Expand

.textinput {
background-color: #DEDEDE;
color: #000000;
border: 1px solid #A3AAB4;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}


[Joachim Müller]

Posting a link to your gallery might be a good start if you expect advice...

[auto_freak]

Hi I already posted the link in the first post. Its http://www.wheelsbd.com/gallery

[auto_freak]

And here is the guest account details:

Username: guest
Password: guest

[auto_freak]

hey thanks to all i solved it!!!!!!

[Joachim Müller]

For the benfit of others with similar issues you should have posted what you actually did.

[auto_freak]

Sure....
Basically as Nibbler said, I put these codes in both style.blue.css and style.css in the template directory "f1black3blue" and within few minutes, the effect took place.

Code Select Expand

.textinput {
background-color: #DEDEDE;
        color: #000000;
border: 1px solid #A3AAB4;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}