Problems Changing Background Color in PrimeFaces Tabs Component

Question

I use Primefaces 2.1

I reference the css files like this:

<style type="text/css">
  @import url("resources/css/skin.css");
  @import url("resources/css/style.css");
</style>

In style.css I try to change the background color of the container in which the tabs are:

 .ui-tabs-nav{
  background-color:yellow;
 }

This doesn't work. The change of the main tab container "works":

.ui-tabs{
 background-color:yellow;
}

Answer 1

The pimefaces page on themes: http://primefaces.org/themes.html

Scroll down to "Installing Themes"

You'll use the jQuery theme roller http://jqueryui.com/themeroller/ to build a theme. It's really easy and quick to do. There are also a large number of prepackaged themes available.