how do I change the font weight for text?

[Joe Sharples]

I have a few labels in a grid which is in a list component.

I'm wanting to change the font weight to 'lighter'

I've tried adding it under more properties but it didnt work.

any ideas?

[Alena Prykhodko]

Hi Joe,

Use CSS rule to change it http://www.w3schools.com/css/

Don't forget to write rule that will override theme's default CSS styles
http://css-tricks.com/specifics-on-cs...

[Joe Sharples]

Hi Alena,

Can you explain how to do this further please?

I tried changing the global font weight in the theme editor but I didnt work.

pre/* Globals */

/* Fonts */

html {
font-size: 100%;
font-weight: lighter;

}/pre

Thanks,
Joe

[Evgene Karachevtsev]

Hello Joe,

Please try add this rule as it is shown here:
http://devcenter.appery.io/documentat...

[Joe Sharples]

.ui-btn {
font-weight: lighter;
}

This changes all the btn font weight.
how do I change all labels? and other components?

[Illya Stepanov]

Hi Joe -

Inspect using browser developer tools and select the appropriate class for the needed element.

[Joe Sharples]

Thank you

[Joe Sharples]

Resolved:

pre
[data-role="appery_label"] {
font-weight:lighter !important;
}
/pre