jQuery UI Theme too big

jquery jquery-ui jquery-ui-dialog
Adam Rackis picture Adam Rackis · Sep 1, 2011 · Viewed 16.9k times · Source

When I download a jQuery-ui theme, what do I have to add to get the defaults looking the same as in the jQuery-ui demo page?

The dialog I'm seeing out of the box is HUGE (see below). I know all the css is available to me from the demo page, but I'm not really a CSS expert, and don't know what to take, and what to leave.

enter image description here

EDIT

Here's a jsFiddle link showing the same.

EDIT

Answer

undefined picture undefined · Dec 11, 2012

The best way is : change base jQuery-ui font-size:

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

See this fiddle for an example.

Related questions

How to remove close button on the jQuery UI dialog?

How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI?

Read More
jquery-ui-dialog - How to hook into dialog close event

I am using the jquery-ui-dialog plugin I am looking for way to refresh the page when in some circumstances when the dialog is closed. Is there a way to capture a close event from the dialog? I know I can …

Read More
jQuery dialog popup

I am trying to get this dialog popup form to show up when this link is clicked but it does not work for me. I've been working on this for the past three hours and this is getting too frustrating …

Read More