CSS e Primefaces - Como alterar estilo de um só componente?

Front-end
#1

Bom dia galera,

Quero alterar o estilo de somente um componente do primefaces. Acontece que quando redireciono ou altero o CSS, ele altera o estilo de todos os componentes, mesmo os que estão em outros arquivos .xhtml.
Alguma sugestão?

#2

Crie uma classe css e aplique apenas a esse componente.

#3

Já leu no User Guide quais classes se aplicam a esse componente? Pode te dar uma ajuda.

As classes do PrimeFaces costumam ser globais, então dificilmente você vai alterar uma coisa, só… mas pode acontecer, como no Growl.

Caso não, siga a sugestão do Hébert :slight_smile:

#4

2 opçoes.

1- Criar um CSS paralelo.
2- Fazer o estilo direto na pagina.

Att. Mateus

#5

exemplo meu de um css paralelo.

[code]/*
Document : CSSPARALELO
Created on : 20/08/2012, 15:51:35

Author : DESENVOLVEDOR_01-Mateus

Description:

Purpose of the stylesheet follows.
*/

root {
display: block;
}

body{
font-size: 11px;

}

.imagem{
width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
}

.tipo{
color: red;

display: block;

}

.alerta {

background-color: #e33b06 !important;
background-image: none !important;
color: #000000 !important;

}

.PainelCadastro tr,.PainelCadastro td{

border:none !important;

}

.ui-tree-node-content{

font-size: 8pt !important;

}

.ui-tree{
size:10px !important;

}
[/code]

#6

Muito bom!

#7

Rapaz, isso que eu digo ser um fórum eficiente!
GUJ mata a pau!

Valeu por todas as respostas, foram muito promissoras.

A ideia de criar um CSS paralelo está funcionando aqui, assim o chamo com propriedade styleClass=“classe do CSS”.
Ainda sou fraco em CSS, mas não parece ser difícil.

Obrigado a todos!

#8

kkk vlw !

Se sua pergunta foi respondida FINALIZE o topico [RESPONDIDO].

#9