Question

I am working on this site: http://gitastudents.com/~clarkb/group1/Students.html

main css here: http://gitastudents.com/~clarkb/group1/style.css

I am unable to change the font color and size on the drop downs.
I would like the font to be white not the green that is on the rest of the page.
It seems that it is something in the css that isnt set up right but i can’t figure out what it is.

Also i would like the drop downs to be centered in their respective boxes but i cant get that to work either.

Thank you in advance!

---

Bryan

Answer 1

You’re probably having trouble doing it because you need to target those very specifically. The following CSS rule should work:

a.ui-selectmenu span{
 color:#ffffff;
}

As for centering the dropdowns, you could use:

fieldset{
  text-align:center;
}

I would suggest, however, that you give those fieldset’s a class and target the class.

I just noticed that you have the dropdowns wrapped in a div…you could modify that div (the one with the class dropdown) giving it a specific width (240px ish) and that should center them (since you’ve already applied margin: auto to that class).