Joe Sharples
Posts: 0
Joined: Mon Aug 18, 2014 1:31 pm

how do I change the font weight for text?

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
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

how do I change the font weight for text?

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
Posts: 0
Joined: Mon Aug 18, 2014 1:31 pm

how do I change the font weight for text?

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
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

how do I change the font weight for text?

Hello Joe,

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

Joe Sharples
Posts: 0
Joined: Mon Aug 18, 2014 1:31 pm

how do I change the font weight for text?

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

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

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

how do I change the font weight for text?

Hi Joe -

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

Joe Sharples
Posts: 0
Joined: Mon Aug 18, 2014 1:31 pm

how do I change the font weight for text?

Thank you

Joe Sharples
Posts: 0
Joined: Mon Aug 18, 2014 1:31 pm

how do I change the font weight for text?

Resolved:

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

Return to “Issues”