I'm using a corolla subtheme and I have noticed that if you have set a default font for your site, i can get overridden by the jQuery css
misc/ui/jquery.ui.theme.css

jquery.ui.theme.css:17:.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
jquery.ui.theme.css:19:.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }

Comments

andros’s picture

andros CreditAttribution: andros commented

I don't think that this is the way it's meant to be, the theme should allways override any instances of font-family to make the look and feel of the site uniformly.

djimmer’s picture

djimmer CreditAttribution: djimmer commented

I'm having the same issue. Is there a fix or workaround?

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Issue summary: View changes
Status: Active » Fixed

the theme should allways override any instances of font-family

Well, we cannot use !important - that and perhaps using a higher specific selector (difficult) will make it harder for themers to override a font where and when they want. You create a specificity war.

Maybe guess what libraries/all other possible font-family selectors might be used, ever, and include those - this is not possible either. For example there are thousands if not tens of thousands of libraries, plugins, extensions etc that a website might include, such as thousands of Drupal modules.

That leaves us with one real alternative - do nothing and override as required, this is why AT has a custom font selectors field, so you can do this. Or just use CSS as per normal in any site.

I would be tempted to include the .ui-widget selector for the default font since this one is common, however even that is rarely used, accordion module and a few others are the only ones I know of that use jQuery UI.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

drupauler’s picture

drupauler CreditAttribution: drupauler commented

Hi Jeff, I've just fallen down this particular gotacha.

I would be tempted to include the .ui-widget selector for the default font since this one is common, however even that is rarely used, accordion module and a few others are the only ones I know of that use jQuery UI.

This is exactly what I'm looking to do, use the jquery accordion. Can you explain how to use the ui.widget selector?

Thanks

Huh huh, just realised this is an AT specific queue, and I'm not using AT but I guess its a common issue? Any pointers would help...