Forum | Appery.io

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?

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...

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

Hello Joe,

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

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

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

Hi Joe -

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

Thank you

Resolved:

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