Line Height on Label

  • 3 August 2016
  • 6 replies
  • 3 views

Badge +7

Trying to reduce the line height on a label but having trouble.

Tried setting a new CSS class, also tried in the html of the label itself. Not seeming to apply?

What am I missing?


6 replies

Userlevel 7
Badge +17

Do you need to change the font, or the size of the label control?

Badge +7

The line spacing of the text in the control.

Userlevel 7
Badge +17

Can you show us a screen shot of the label? You can change the font of the label from the control settings, and if you want even further changes outside of the editor, you can apply css by using a custom class added to the control, then applied in the form settings.

Badge +7

Sure.

1 - My label with rather large space separating the lines of text (text below "Reviewer"). sad.png

2- Label set to custom css class

3- custom CSS

What am I doing wrong?

1.PNG

2.PNG

3.PNG

Userlevel 4
Badge +11

Hi Dave,

in the CSS class field you have to remove the dot before nf-form-label and in the CSS rules, it should be set as .nf-form-label.label2 to match an item with both classes

Giacomo

Userlevel 7
Badge +17

Nice Giacomo Gelosi​, Tag-Team!

Reply