[Resolvido]fonte prime faces

Front-end
#1

Olá pessoal tudo bem?
Alguem sabe como eu consigo alterar o tamanho da fonte dos componentes do primefaces?
p:menuBar e p:dataTable?

#2

vc pode conseguir fazer isso alterando o css dos componentes
utilizando o parâmetro style ou styleclass nas tagas do prime.

#3

Boa noite amigo, não sei se te ajuda só que eu conseguir mudar o tamanho da fonte de todos os componentes do prime adicionando o codigo abaixo no meu CSS

.ui-widget { font-size: 10px !important; }

#4

Obrigado javeiros resolvido.

#5

como vc resolveu?

posta a solução ae

valeu

#6

coloquei o

.ui-widget { font-size: 10px !important; }

no código css e não mudou a aparencia
=\

#7

[code]<f:view>
<h:form style=“font-size: 10px”>

		<p:layout fullPage="true" style="font-size: 10px">

			<p:layoutUnit position="top" height="148">
				<br />
				<h:commandLink title="Unemat">
					<h:graphicImage value="/images/main.png" />
				</h:commandLink>
			</p:layoutUnit>
		</p:layout>

	</h:form>
</f:view>

[/code]

meu código

#8

Sei que é uma mensagem velha, e está como resolvido, porém não muito bem explicado.

Geralmente todos os CSS do primefaces é ui-componente.

Então por exemplo para mudar a fonte de um datatable:

.ui-datatable {
font-size: 10px !important;
}

ou crie uma classe no css exemplo:

.fonteMenor {
font-size: 10px !important;
}

e toda vez que quiser usar isso em algum componente utilize styleClass=“fonteMenor”.

1 curtida
#9