I'm trying to theme the following form http://library.uaf.edu/etoq and cannot seem to be able to theme fieldsets. I'm trying to add a light red background to the "Shines" fieldset, and nothing I do seems to work. I've tried background and background-color. Note, 

/* Webform for Student/Employee Nomination Forms */

#webform-component-etoq_nominee {
 background: #ccccff;
}

#webform-component-etoq_shines {
  background-color: #ff333;
} 


#webform-component-etoq_shines fieldset   {
    background-color: #ff333;
}    

#webform-component-etoq_shines legend {
  color: #ff333;
  font-weight: bold;
}   

#webform-component-etoq_shines .description   {
    background-color: #ff333;
}   

#webform-component-etoq_attitude .form-item textarea {
background-color: #ff333;
}

TIA, Stinky

Comments

decibel.places’s picture

decibel.places commented

stinky,

I don't think customizing css qualifies as an issue -- but I am not the maintainer, so I'll let the "officials" decide

Your problem is in your color attribute "#ff333"

Valid hexadecimal code has 6 characters not 5 ie "#ff3333"

You may also use a shortcut with 3 characters - "#f33"

But 5 won't work...

Try this:

#webform-component-etoq_shines {
  background-color: #ff3333;
}

and if you want to set all the fieldsets to the same bg color use the class 

.webform-component-fieldset {
  background-color: #ff3333;
}

I use the Web Developer plug in for Firefox to analyze styles for objects on the page, saves a lot of time.

Make sure these "custom" styles are read after other styles, typically the end of your theme stylesheet is a good place to put them, then they will not go away when you update the webform module.

Happy theming!

decibel.places’s picture

decibel.places commented
Status: Active » Closed (fixed)

consider this "non-issue" closed

but it is a great example of a classic css mistake!

the fact that stinky repeated the mistake 5 times threw me off at first...

stinky’s picture

stinky commented

Duh. Thanks, and sorry, I'll be more careful next time.

decibel.places’s picture

decibel.places commented

no problem, really, glad I could be of help on behalf of all the Drupal community - questions are always welcome here

we all miss dumb stuff like this gem regarding zones and states for Ubercart: http://drupal.org/node/258023

again, Happy Theming!