File Upload Field in Firefox

Burnspot

Joined: 2009-03-09
Posts: 3
Posted: Wed, 2009-03-25 17:18

I have an embedded G2 installation (running in Drupal) and everything works great; however, I'm trying to figure out what's causing a color problem with the file upload field when trying to add a photo to an album. I'm using the default Matrix theme with no colorpack selected.

Under the "From Web Browser" tab in the upload section, the file browser field has a nearly white background. That, in itself, is not the problem; the problem arises when you select a file to upload...you can't read the file name that ends up in the file field after selection because the text color blends with the background. The input field is defined as "g2_form"; however, I cannot locate this class in the CSS for either the G2 module for Drupal or the CSS for the Matrix theme. Am I missing something? I should point out that this problems appears to affect Firefox only; I do not see any problems when using IE. Does anyone know what I should look at to solve this? It's not a showstopper of course, but it's an annoyance when most of my users use Firefox.

Burnspot

 
radicalblues

Joined: 2007-06-05
Posts: 36
Posted: Wed, 2009-03-25 23:59

This might help you, thank to floridave :P

in color.css

#gallery select { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }
#gallery input { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }
#gallery textarea { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }

These 3 codes control dropdown menus, input boxes, and other textarea boxes.

The first one is the background color for input boxes/dropdown menus (search box, upload, etc). The second one is the text color for said boxes. The third is the margin color for said boxes

This should affect the web browser inputbox too. Just set the colors to what you like.

 
Burnspot

Joined: 2009-03-09
Posts: 3
Posted: Thu, 2009-03-26 16:21

Thanks for the help, but it turned out to be a class covered by the Drupal theme I'm using. :D

radicalblues wrote:
This might help you, thank to floridave :P

in color.css

#gallery select { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }
#gallery input { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }
#gallery textarea { background-color: #070707 !important; color: #818181 !important; border: 1px solid #161616 }

These 3 codes control dropdown menus, input boxes, and other textarea boxes.

The first one is the background color for input boxes/dropdown menus (search box, upload, etc). The second one is the text color for said boxes. The third is the margin color for said boxes

This should affect the web browser inputbox too. Just set the colors to what you like.

Burnspot