Alyeska: Category Dropdown List

I just set up a WordPress site and purchased the Alyeska theme. I wanted a simple, responsive theme with good customization options, and this fit the bill. However, there appears to be a problem with the drop down list for selecting a category.

When displaying my site in Firefox, the list works fine. When I click the arrow I get a list of categories in white on black, and hovering over a category turns the background blue. But on other browsers the background of the list is white, so the categories are invisible until you mouse over them.

The white background shows up on the latest versions of Internet Explorer, Chrome, Opera and Safari. I’m running WordPress 3.3.2 and Alyeska 2.1.1 with the “Dark” body style. If I switch to the “Light” style Firefox displays the list in gray on gray, but other browsers display it in gray on white. That is at least readable, but I would really prefer to use the Dark style.

Solved! I did some page source code searching and some googling and found that the catetory list uses a class ‘postform’ which isn’t defined anywhere. So it gets whatever the browser decides it should get.

I also noticed the same problem with the Archive selection list. I fixed both of them by adding the following to the “Custom CSS ” area of the Theme options:

.postform {
color:white !important;
background-color:#282828 !important;
}
.widget-inner option {
color:white !important;
background-color:#282828 !important;
}

Of course, that will also apply to the Light style, so I really need to set up some child themes. Or maybe the developer could add this to the next release?

~~ Grey