Primefaces + skinning

Olá pessoal.

Estou usando o primefaces em um projeto e gostaria de customizar a aparência de alguns componentes.
Como exemplo, gostaria de alterar um PickList para ter uma altura menor (exibir apenas 4 itens por exemplo).

Adicionei a seguinte definicao no meu css

.ui-widget-content .ui-picklist-list .ui-picklist-source .ui-corner-all .ui-sortable  {
	height: 10px;
}

E abaixo segue um snippet do meu layout (.xhtml)

<h:head>
  <title><ui:insert name="title">Arrumetudo</ui:insert></title>
  <p:resources />
  <h:outputStylesheet library="css" name="layout.css"/>
</h:head>

Já tentei usar o atributo styleClass do pickList mas também não obtive sucesso.

Alguém poderia me ajudar a entender este problema?

obrigado.

Topicos relacionados