By vbdietz on

I have a re-skinned theme in which the navigation and user login information appears on a navy background. The entire sidebar has a navy background.

Everything that has a selector of h2 or li in that section appears with the correct font and color.

The exceptions are the labels for the form fields username and password. The labels appear as black on navy with a trailing red asterisk.

I've tried the following in the edit css option of firefox webdeveloper extension in a fruitless attempt to change the colors on there to anything but black. Yes, this was placed at the bottom of the 2nd style sheet so that it would override anything appearing previously.

.form-required, .block block-user, .block, .form-text-required,
.title, #edit-name, #user-login-form, .form-item, .content, #block-user-0
{color:#fdfef0; background-color:#040530; }

I even tried .body and .content which changes everything else which is unlabeled but still didn't change those two labels.

The above did change the background color of the username field itself and the text inside it to the desired colors.

I don't really know php so tweaking the part that generates the mark-up for that field is beyond me.

Obviously the color of those 2 labels and the trailing asterisk is being managed somewhere but for the life of me, I cannot figure out where.

Please help.

⋅ Categories: Drupal 4.7.x

Comments

ditek’s picture

ditek commented

Sometimes you need to spell out almost the full path to the element so that the stupid browser can recognize it.

For example, the path to the username and password labels:

div#block-user-0 div.content form#user-login-form div div.form-item label {

color:#fdfef0;
background-color:#040530; 

}

BTW, I had a bizarre problem last week -- IE did not recognize the styles I put on the main navigation menu. It was OK in Firefox and Opera. Finally, after about 4 hours of agonizing I realized that it must be some hidden character or character encoding problem in the css file. I re-typed that part of the file in another text editor and voila, IE started to work.

vbdietz’s picture

vbdietz commented

Works beautifully.

CSS is wonderful but it can be so frustrating sometimes -- especially when you start mixing in the differences in browser rendering.