font style applied accross all widgets

[BentechsoftParticipant]

Hi,

I have a theme file which is perfect for me.  I have added all the classes that needed personnalisation.  I use them as my theme.

My assumption is that the classes that are not im my theme file, are taken from the jqx.base.css…

Now, the base font seems to be 13px accross the board (for regular text).  Is there a way to modify font-size=13px to font-size:12px or even 11px.  Withoug having to include all classes to my css theme.  Is there a master class or something that I can use.

Would bringing the following into my theme file change the font-size for all widgets?

.jqx-widget{ 
      font-family: Arial, helvetica, sans-serif; 
      font-style: normal; 
      font-size: 12px;
}

Thanks

[Peter StoevKeymaster]

Hi Bentechsoft,

There are some general classes applied to all widgets and if you want to change the font-style, font-size, you should add them all.

Ex:

.jqx-widget-custom {
    font-size: 12px;
    font-family: 'segoe ui', arial, sans-serif;
}
.jqx-widget-content-custom{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; }
.jqx-widget-header-custom{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; color: #767676; border-color:#e5e5e5; background-color:#f4f4f4;}
.jqx-fill-state-normal-custom, .jqx-fill-state-hover-custom, .jqx-fill-state-pressed-custom{font-size: 12px; font-family: 'segoe ui', arial, sans-serif; }

“custom” is the theme’s name.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[BentechsoftParticipant]

This is great! Thanks for the information, very usefull.

[Author]

Posts