You are viewing limited content. For full access, please sign in.

Question

Question

Row Label Size

asked on April 16, 2019

Is there a way to make the row label size smaller? As you can see in the photo, it's a bit long and spaced out. It makes the table look bad.

Table Row.png
Table Row.png (23.89 KB)
0 0

Replies

replied on April 17, 2019

Hi Thomas,

You can target the field ID and apply CSS styling.

#q1 label {font-size: 15px;}

Replace "q1" with your ID.

0 0
replied on April 17, 2019

Thank you Mahesh. But I feel like I'm missing something. The Row Label on the left doesn't have an ID. Unless I just don't see it. Each box in the row does, but the label to the far left, "The cost to purchase.." does not have an ID.

0 0
replied on April 17, 2019

It might be that due to the width of the label, its not properly displayed. 

What you can do is preview the form and click on F12 to open developper tool and select the element. It will give you the ID or simply rename the label momentarily to see the ID :-) 

0 0
replied on April 17, 2019

I may be losing my mind haha. I changed the name and still don't see an ID.

Test.png
Test.png (22.55 KB)
0 0
replied on April 17, 2019

Sorry my mistake.
I misunderstood your question.

 

Try this code. It should fix your problem.

.col0 {font-size: 8px;}

1 0
replied on April 17, 2019

You can also reduce the space to make it more neat.

.col0 {font-size: 10px;}
.col0 {
    line-height: 1em!important;
  font-weight: regular;}
 

1 0
replied on April 17, 2019

Thank you for all of your help. That worked out great!

0 0
replied on April 17, 2019

Glad it helped! 

0 0
replied on May 3, 2019

Hi @████████
Please mark my reply as "Mark as an answer" if that help you.

Thanks.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.