I just recently used UI tabs in an application. Within a couple of the tabs I used tables for content (let's not have a religious debate about using tables for layout, please). Anyway, the font size came out much bigger than for text in a paragraph, for example. I looked at the custom.css file (generated by themeroller) and found this line:
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } - designed to handle form input types. I copied this and added table as a descendant selector, like so: .ui-widget table { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } Problem solved. -- 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.