We use body { font-size: 62.5%} as a convenience so that 1.1em=11px,
1.3em=13px, etc. You can do the same, or you can change the font size for
your font. If you're using a custom font from ThemeRoller, there's an option
to change the font size. If you're using a prebuilt theme with a font-size
like 1.1em or 1.2em you can override it by adding this after the theme css:

<style type="text/css">
.ui-widget { font-size: 1em; }
</style>

- Richard

On Fri, Dec 18, 2009 at 3:57 PM, Heidebrink <heidebr...@gmail.com> wrote:

> Hello,
>
> I'm trying to use the CSS classes from JQuery UI to style my page but
> it seems like the out of the box fonts and sizes are very large.
>
> As example, I apply the ui-widget class to a fieldset and then all of
> the widgets (input, select, etc) are then changed based upon the ui-
> widget class.  They add a nice look to the contained controls, but
> everything is huge.
>
> Even if I don't use the ui-widget class and just try to use the
> datepicker.  The datapicker seems to be extremely huge.  I realize I
> can change these sizes myself, but I was thinking maybe I was missing
> something as the default sizes are way big and maybe there is
> something else I need to do.
>
> Looking at the JQuery demo page that I downloaded, the font/controls
> seem normal size in there but there is this in the body style:
>
> font: 62.5%
>
> which might be reducing everything.
>
> Any help would be great.  Thanks.
>
> --
>
> You received this message because you are subscribed to the Google Groups
> "jQuery UI" group.
> To post to this group, send email to jquery...@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui+unsubscr...@googlegroups.com<jquery-ui%2bunsubscr...@googlegroups.com>
> .
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui?hl=en.
>
>
>

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to