anyone knows how i can get a larger font of text UI

Use a ui_template node configured sort of like this… Obviously change the sizes to suit [{"id":"a8a10cc2.9d0ae","type":"ui_template","z":"a3ad1f25.b7363","group":"1ea34d06.1438c3","name":"","order":0,"width":0,"height":0,"format":"<style>\nbody.nr-dashboard-theme {\n font-size: 50px !important;…

Hello, is it also possible to Change just the text size of this ui_template?

[image] YT2310: is it also possible to Change just the text size of this ui_template? I'm not sure what you are asking, could you give an example. Do you mean just the text size on a particular tab or a particular widget?

I mean just the text sice of a particular widget

as example i do it like this [image] result: [image]

Hi, changing the font size for a whole group in the UI is possible if you use the appropriate CSS id selector. Each group can be selected by using the id TAB underscore Group underscore cards. For instance: TAB = PSU and Group = Placeholder CSS selector id="PSU_Placeholder_cards" [tst-003] Then…

I'm trying to get my icons in the buttons a little bit bigger. Used the method as described by Andrei, but unfortunately it's not working. What do I miss? [NRfontsize]

How did you configure the buttons ? You may be able to do fa-arrow fa-2x. Sort of thing

Buttons are indeed configure with icon fa-arrow. fa-arrow-up fa-2x works, the icons are now 2x bigger, thanks for that solution. But still curious why the solution from Andrei doesn't work for me.

I'm not sure. You would need to right-click inspect to use the browser tools to inspect the CSS style to see why or wasn't targeted correctly

Node-RED

Node-RED Forum

Getting bigger font

Dashboard

davidcgu 25 June 2018 10:50 6

as example i do it like this

result:

Topic		Replies	Views
Text adjustment from template dashboard Dashboard	7	1627	1 April 2022
How to edit pie chart width and height with ui_template Dashboard	29	3011	8 June 2020
Increasing value font size General node-red-dashboard	8	3350	23 December 2021
Ui-button dynamic properties Dashboard dashboard-2	14	258	11 April 2025
UI CSS font size template node problem General node-red-dashboard	19	1423	19 May 2022

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Getting bigger font

Related topics