Form input box colour in Firefox?

New Member Joined: Dec 22, 2003 Posts: 21

Hi there

I am using the latest incarnation of raven nuke along with FiBLue3d (modded a bit).

I've tried to search on this (with different key words) but with no luck.

My site uses a white font and I now have the attachment mod working in the upgraded forum (came as part of the latest RN upgrade).

The mod functions OK and display OK in IE (input box is dark as per the rest of the forms on the site), but in Firefox (3.0.11) the input box (in the attachment mod) is white which is not a lot of use as once a file has been attached the file name cannot be seen in the white input box. The selected files do attach though .. it just can't bee seen once selected.

Can someone point in the right direction on how to resolve this?

best regards
James Mc

Posted: Thu Jun 18, 2009 6:44 am

not familiar with that theme but there are a couple places to look. Checkout style.css and if your forums has a separate css file look there too. You'll be looking for "input", something like this:

Code:

/* Fancy form styles for IE */


input,textarea,select,input.button{background: #e1e9f2;border-width:1px;font:normal 11px Verdana,Arial,Helvetica,sans-serif}





/* The buttons used for bbCode styling in message post */


input.button{background:#2e2e2e;color:#ffcc88}


input.catbutton{background:#2e2e2e;color:#ffcc88;font-size:10px}





/* None-bold submit button */


input.liteoption{background: #2e2e2e;color:#ffcc88}


/* The main submit button option */


input.mainoption{background:#2e2e2e;color:#ffcc88;font-weight:bold}


/* The text input fields background colour */


input.post,textarea.post,select{background: #2e2e2e;color:#ffcc88}

Posted: Thu Jun 18, 2009 12:35 pm

Thanks for your input but I had previously checked into that. The form text input area is set and displays as it should (dark background for the white font I use) but in Firefox the text input box remains as a white background.

The display is fine in Google Chrome (2.0.172.31)
IE users on the site also have no such problem, which has to be a first! Wink

It's the Firefox issue I am trying to resolve.

best regards
James Mc

Posted: Thu Jun 18, 2009 1:16 pm

if you already modified style.css and any forums.css (if present) try looking at overall_header.tpl and see if there are settings there.

nukemods.com wrote:

you have to edit the classes in overall_header.tpl
this theme doesn't use the forums.css

Posted: Thu Jun 18, 2009 4:30 pm

I appreciate your response but logic is telling me that the style has already been applied, as it works in two other browsers (IE & Google Chrome) it's only Firefox that is not playing ball. So as far as I can see the problem is particular to Firefox.

The way I see it, if the style were not applied then all the text boxes in all browsers would be white, but they are not.

best regards
James Mc

Posted: Thu Jun 18, 2009 7:04 pm

if you want to pm me your site url i'll look at it Smile

Posted: Sat Jun 20, 2009 10:15 am

I use this style in some of my input/textarea forms. When the user clicks on an input field or textarea field, the color changes accordingly. Maybe you can use this somehow, dunno.

Quote:

Posted: Sat Jun 20, 2009 2:20 pm

Thats a cool idea dad7732 Smile

He'll still have to find where that styling occurs to change it though...

jamesmc wrote:

I appreciate your response but logic is telling me that the style has already been applied, as it works in two other browsers (IE & Google Chrome) it's only Firefox that is not playing ball. So as far as I can see the problem is particular to Firefox.

cant speak for google chrome, but IE is notorious for recognizing old code whereas Firefox is likely to ignore it. So in my opinion, Firefox is the only one working correctly Smile

It's also possible the styling is proprietary and doesn't work in all browsers. It's hard to say exactly what is going on without seeing it, but your problem is CSS related and the settings are either in style.css, forums.css, or overall_header.tpl. BTW, sometimes the settings are duplicated in both forums.css and overall_header.tpl.

Posted: Sat Jun 20, 2009 2:33 pm

Thanks for the input so far, I'll check all these options/ideas and report back when I get a positive result.

best regards
James Mc

Posted: Sat Jun 20, 2009 10:52 pm

Or you could just install the free Developer plug-in for Firefox and that will allow you to see exactly what style is being applied and from which stylesheet.

Posted: Sun Jun 21, 2009 2:50 am

Guardian2003 wrote:

Or you could just install the free Developer plug-in for Firefox and that will allow you to see exactly what style is being applied and from which stylesheet.

Now that idea I like!

https://addons.mozilla.org/en-US/firefox/addon/60

Posted: Sun Jun 21, 2009 6:09 am

Or, like I do in some instances is place the style above the opening php tag on a page(s) where I have a form with textarea. Works in FF 3.x here just fine.