Search jQuery

jQuery Forum

Using jQuery UI

cfleck

Adjust button size

in Using jQuery UI • 4 years ago

I'm using the new "button" widget in UI 1.8 and I'm struggling to make the button size the way I'd like. In particular, it is just too large. I'm placing it inline with some text and it is overwhelming the content. How does one go about adjusting the size of a button? I'd like to scale it down, but I'm not sure where to start. Any pointers would be much appreciated.

Replies(4)

rdworth

Re: Adjust button size

4 years ago

Most of the ThemeRoller themes are built around

body { font-size: 62.5%; }

This is for convenience so that 1.1em=11px, 1.3em=13px. Give that a shot. Otherwise, can you share a sample page and/or screenshot?

rdworth

Re: Re: Adjust button size

4 years ago

Hmm, inline with text? So my suggestion while accurate may not be particularly applicable as it would make all the text smaller, not just the button. You may want to adjust the padding on the button, and the font-size as well. Both can be adjusted by writing rules against the ui-button-text class.