[RESOLVIDO]menubar- Diminuir o tamanho de letra

Programação Java
#1

Gostaria de diminuir a fonte do meu menu bar como eu posso fazer isso ???

Segue em anexo a imagem para terem uma ideia .

    <h:form id="formwelcome">          
              <h:outputText value="#{tblusuMbean.tpacesso}" />
                  <p:menubar>  
                        <p:submenu label="#{msg.menu_solicitacao}">  
                            <p:menuitem value="#{msg.menu_solicitacao_consultas}" url="#" />  
                            <p:menuitem value="#{msg.menu_solicitacao_Sadt}" url="#" />  
                            <p:menuitem value="#{msg.menu_solicitacao_Internacao}" url="#" />  
                        </p:submenu>

2013/1/29/a01a509530e6b1cd5a79b6093d7f0665_15319.jpg_1006×242 18.5 KB

#2

[quote=evandro_araujo]Gostaria de diminuir a fonte do meu menu bar como eu posso fazer isso ???

Segue em anexo a imagem para terem uma ideia .

[/quote]

que tal um CSS? caso na saiba fazer em arquivo separado o próprio componente te da opção de fazer isso… joga o css na propriedade “style” e seja feliz :smiley:

#3

ai colocaria uma div entre o componente ?

#4

Bom… dentro do seu “head” voce cola esse codigo e edita do jeito que voce quizer, as cores e os detalhes eu so coloquei pra voce ver aonde voce ta mechendo!

boa diversão.

<style type="text/css">

.ui-menubar  {
    border: 1px solid #aed0ea !important;
    background: aqua !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 10px;
}
 
.ui-menu-list  {
    border: 1px solid olive !important;
    background: blue; !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 16px;
}
.ui-menuitem  {
    border: 1px solid gray !important;
    background: fuchsia; !important;
    color: white !important;
    font-weight: bolder !important;
    font-size: 6px;
}
.ui-menuitem-link  {
    border: 1px solid purple !important;
    background: maroon !important;
    color: white !important;
    font-weight: bolder !important;
}
.ui-menuitem-text {
    border: 1px solid orange !important;
    background: green; !important;
    color: white !important;
    font-weight: bolder !important;
}

</style>
#5

Consegui resolver ,mas só uma duvida, como vc achou esse CSS do componente menu ??

#6

todos componentes tem…

digitei no google => css primeface menubar
e fui no forum do primeface se nao me engano é o primeiro link.

#7