jQuery Ui button font-size

3
votes

I've recently added Primefaces to my WEb app in order to use it's dataTable UI. So I decided to go and up the font size of the dataTable to 12px instead of the default 10px it comes with. so I added this to my Css:

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

Anyway, I was also using a button with the styleclass="button" which comes from the jquery.ui and now it's affected that style as well to a 12px font, but I wanted to keep the button font to 10px.

Is there a way to fix the font size for just the button? or do I have to add something to the above code to make it just affect the dataTable?

The button looks like this:

<h:commandButton id="auditButton" action="#{auditBB.actionSearch}" styleClass="button"  value="Search"></h:commandButton>
1
cssjquery-uiprimefacesfont-size

1 Answers

10
votes

It took me a while to find it, but I found this Stack Overflow Question and it has a few answers on it. the one I used to solve my issue was to add the following code into my Css.

.ui-button,  .ui-button-text .ui-button{  
font-size: 10px !important; 
}

That took care of it, Thanksfor reading. I hope this helps somebody. =)