# Forms font size **URL:** \ **Category:** Ask for Help\ **Created:** [October 13, 2023, 1:22am UTC](https://community.glideapps.com/t/forms-font-size/66945 "2023-10-13T01:22:26Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 13, 2023, 1:22am UTC](https://community.glideapps.com/t/forms-font-size/66945/1 "2023-10-13T01:22:26Z")
I’m creating a form with a multi-choice field connected to a linked field in Airtable. There are a bunch of choices that take up quite a bit of room, so I’m wondering if there’s a way to reduce the font size of the selections so they take up less room. I’m not technical, so if I need CSS to do this I need baby steps 🙂 ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [October 13, 2023, 1:35am UTC](https://community.glideapps.com/t/forms-font-size/66945/2 "2023-10-13T01:35:16Z")
I assume you want the chips style of the choice component? If so, then the only way to reduce the font size is to leverage CSS if you have Glide’s Business plan. ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 13, 2023, 1:37am UTC](https://community.glideapps.com/t/forms-font-size/66945/3 "2023-10-13T01:37:50Z")
Correct. I have the business plan but have not used CSS with it before. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 13, 2023, 1:22pm UTC](https://community.glideapps.com/t/forms-font-size/66945/4 "2023-10-13T13:22:06Z")
Do you want this for only one specific choice component or multiple ones? ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 13, 2023, 4:38pm UTC](https://community.glideapps.com/t/forms-font-size/66945/5 "2023-10-13T16:38:10Z")
This one is the most important, but I could use it for the others. In other words, if the code made them all the same font size, that’s fine. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [October 13, 2023, 4:49pm UTC](https://community.glideapps.com/t/forms-font-size/66945/6 "2023-10-13T16:49:01Z")
Just out of curiosity, is there a reason you don’t want to use a Dropdown style Choice component? Chips style is okay, but it can get very busy once you have more than a handful of choices. 🤷‍♂️ ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 13, 2023, 5:45pm UTC](https://community.glideapps.com/t/forms-font-size/66945/7 "2023-10-13T17:45:18Z")
Good question, maybe I’m doing something wrong but the regular drop my choices don’t have enough horizontal space for my choices. My choices are too long text-wise and I can’t shorten them. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 13, 2023, 11:49pm UTC](https://community.glideapps.com/t/forms-font-size/66945/8 "2023-10-13T23:49:38Z")
Please try this in Settings \> Appearance \> Custom CSS. ```auto li[class*="wire-choice"] { font-size: 10px; } ``` ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/c/4cabafe2f279ef8a6d153730344da0604fb5d46b.png) ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 16, 2023, 9:56pm UTC](https://community.glideapps.com/t/forms-font-size/66945/9 "2023-10-16T21:56:35Z")
Awesome–thank you, that worked! Is there a similar code for regular dropdown menus to reduce the font size? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 16, 2023, 11:27pm UTC](https://community.glideapps.com/t/forms-font-size/66945/10 "2023-10-16T23:27:34Z")
I checked the code and I thought this should work: ```auto li[data-testid="wc-item"] span { font-size: 10px !important; } ``` However it doesn’t have an effect when I try it in the builder, I suspect the fact that the choice elements are only generated after you click the dropdown has something to do with it. I haven’t tested it in a published app. ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 17, 2023, 1:48pm UTC](https://community.glideapps.com/t/forms-font-size/66945/11 "2023-10-17T13:48:57Z")
Thank you. I tried that and it didn’t reduce the size of my font in the dropdown (see attached). In addition to the CSS that I’m pasting in the Settings \> Appearance tab, I noticed there’s also a spot for CSS on the item that I’m editing. 1. When would I use that vs the one in Settings? 2. And/or do I copy the CSS code in both spots? ![Screenshot 2023-10-17 at 9.44.03 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/7/0797fe789fe8f1fa9e16496ca03bcb320d553281.jpeg) ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 17, 2023, 1:58pm UTC](https://community.glideapps.com/t/forms-font-size/66945/12 "2023-10-17T13:58:17Z")
That’s just for you to give a human-friendly name to the component, that you can use to reference later in your CSS code. The code itself should only be pasted in Settings \> Appearance. ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 23, 2023, 8:58pm UTC](https://community.glideapps.com/t/forms-font-size/66945/13 "2023-10-23T20:58:05Z")
Just following up on this…I tried the most recent code you sent for the regular dropdown and it didn’t reduce the size of my font in the dropdown (see attached). Is there something else that I can try so people can see the whole selection in the dropdown? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 24, 2023, 12:52am UTC](https://community.glideapps.com/t/forms-font-size/66945/14 "2023-10-24T00:52:10Z")
> [@ThinhDinh](#): > > However it doesn’t have an effect when I try it in the builder, I suspect the fact that the choice elements are only generated after you click the dropdown has something to do with it. I haven’t tested it in a published app. Yeah, I could never get it to work. If you convert it to the “pills” choice, would it be ok? Do you have a lot of choices to display? ---
**Author:** ![hirereach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hirereach/32/58130_2.png) [@hirereach](https://community.glideapps.com/u/hirereach)\ **Post date:** [October 24, 2023, 3:30pm UTC](https://community.glideapps.com/t/forms-font-size/66945/15 "2023-10-24T15:30:16Z")
Unfortunately, yes, I have a lot of choices to display so the “pills” layout take way too much space. Is there anywhere else I can look for an answer? I’ve googled the heck out of this. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [October 25, 2023, 12:14am UTC](https://community.glideapps.com/t/forms-font-size/66945/16 "2023-10-25T00:14:43Z")
I don’t think I have a solution here. Sorry.