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 <[email protected]> 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 [email protected].
> To unsubscribe from this group, send email to
> [email protected]<jquery-ui%[email protected]>
> .
> 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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
