# Drop Down Node Adjust Font Size

**URL:** <https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883>\
**Category:** Dashboard\
**Created:** [18 August 2021 15:28 UTC](https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883 "2021-08-18T15:28:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![scurvydog](https://avatars.discourse-cdn.com/v4/letter/s/47e85d/32.png) [@scurvydog](https://discourse.nodered.org/u/scurvydog)\
**Post date:** [18 August 2021 15:28 UTC](https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883/1 "2021-08-18T15:28:18Z")

</div>

I am looking for guidance on how I would adjust the font size on my UI Dropdown Node selector text field. I was able to adjust the Label text size but, I want to adjust the selector text font size to match. In the below example as example "3:1" I would want to be font size 6.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/9/69b10b266e2a1dad5b3bdbebfd6177fe0f062951.png)

```auto
[{"id":"3eca091f.9e0596","type":"ui_dropdown","z":"39e30936.0abe66","name":"SCOPE","label":"<font size=6>Scope</font>","tooltip":"","place":"","group":"c367d93b.84dc88","order":17,"width":9,"height":1,"passthru":false,"multiple":false,"options":[{"label":"3:1","value":"3","type":"str"},{"label":"5:1","value":"5","type":"str"},{"label":"7:1","value":"7","type":"str"}],"payload":"","topic":"topic","topicType":"msg","x":100,"y":420,"wires":[["5e87daeb.67e934"]]},{"id":"c367d93b.84dc88","type":"ui_group","name":"Controls","tab":"9c2374fc.63ae28","order":1,"disp":true,"width":14,"collapse":false},{"id":"9c2374fc.63ae28","type":"ui_tab","name":"Anchoring Dashboard","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [18 August 2021 17:24 UTC](https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883/2 "2021-08-18T17:24:50Z")

</div>

I'm not sure how to get font size=6 but you can increase the size with CSS in a template node.  
This example uses font-size: x-large but you could use 24px, 150% etc.

```auto
[
    {
        "id": "03962094d7f70c1d",
        "type": "ui_template",
        "z": "cf3317c32e6245e6",
        "group": "c367d93b.84dc88",
        "name": "",
        "order": 1,
        "width": 0,
        "height": 0,
        "format": "<style>\n .md-select-value .md-text {\n font-size:x-large;\n }\n</style>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "local",
        "x": 250,
        "y": 60,
        "wires": [
            []
        ]
    },
    {
        "id": "c367d93b.84dc88",
        "type": "ui_group",
        "name": "Controls",
        "tab": "9c2374fc.63ae28",
        "order": 1,
        "disp": true,
        "width": 14,
        "collapse": false
    },
    {
        "id": "9c2374fc.63ae28",
        "type": "ui_tab",
        "name": "Anchoring Dashboard",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [18 August 2021 17:44 UTC](https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883/3 "2021-08-18T17:44:14Z")

</div>

@scurvydog  
FYI: `<font>` is not supported in html5  
[https://www.w3schools.com/tags/tag\_font.asp](https://www.w3schools.com/tags/tag_font.asp)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [17 September 2021 17:44 UTC](https://discourse.nodered.org/t/drop-down-node-adjust-font-size/49883/4 "2021-09-17T17:44:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.