Remove the default padding from a jQuery UI dialog

PostJan 12th, 2011 | Comments (0)
If you find the default padding on jQuery UI dialogs to be as annoying as I do, here's how you can remove it.

Make sure the follow style loads after the jQuery UI stylesheet has loaded, and it will override the default padding:

.ui-dialog .ui-dialog-content {
    padding: 0;
}

I like to have my sites' main stylesheet load after the jQuery UI stylesheet, so that I can include any jQuery UI overrides in it.

Comments

There have been no comments

Post a comment

Name
URL
Email
Comment