Hello
I want to move this font underneath my logo in the following button:
Does anyone know how to do this?
Done 
Now, if you can supply more info than just a picture about your flow and such, perhaps we can assist in that fashion as well 
Although if you are looking for multi-line text on a ui_button or something... not sure if that is possible.
Look at this thread
1 Like
Of course... I keep forgetting... a little CSS and almost anything is possible, and better than my photo editing
[{"id":"fbdc8e1c.ca83b","type":"ui_button","z":"6c4cbb0934064826","name":"","group":"110f893b.a0f1d7","order":1,"width":2,"height":2,"passthru":false,"label":"Rear Yard","tooltip":"","color":"","bgcolor":"","icon":"","payload":"trigger","payloadType":"str","topic":"trigger","topicType":"str","x":880,"y":480,"wires":[["f0d5c694acb55ad6"]]},{"id":"13d9bcd2.5331a3","type":"ui_template","z":"6c4cbb0934064826","group":"110f893b.a0f1d7","name":"","order":3,"width":4,"height":1,"format":"<style>\n\n #Dashboard_STYLED_cards > md-card > button {\n padding-top: 10px !important;\n position: relative;\n text-align: center;\n line-height: 24px;\n display: flex;\n align-items: center;\n flex-direction: column;\n color: #00ff00;\n }\n \n\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":880,"y":440,"wires":[[]]},{"id":"f0d5c694acb55ad6","type":"toggle","z":"6c4cbb0934064826","name":"","onOffTopic":"","onValue":"true","onType":"bool","offValue":"false","offType":"bool","toggleTopic":"","toggleValue":"trigger","toggleType":"str","passOnOff":"","x":1030,"y":480,"wires":[["96004ed99158fb76"]]},{"id":"96004ed99158fb76","type":"ui_led","z":"6c4cbb0934064826","order":2,"group":"110f893b.a0f1d7","width":2,"height":2,"label":"","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"#808080","value":"false","valueType":"bool"},{"color":"#ffff00","value":"true","valueType":"bool"}],"allowColorForValueInMessage":false,"shape":"circle","showGlow":true,"name":"","x":1170,"y":480,"wires":[]},{"id":"cdd40e8b84cc1ae7","type":"inject","z":"6c4cbb0934064826","name":"","props":[{"p":"ui_control","v":"{\"icon\":\"fa-4x fa-lightbulb-o\"}","vt":"json"},{"p":"topic","vt":"str"},{"p":"payload"}],"repeat":"","crontab":"","once":true,"onceDelay":"0.1","topic":"","payload":"1","payloadType":"str","x":730,"y":480,"wires":[["fbdc8e1c.ca83b"]]},{"id":"110f893b.a0f1d7","type":"ui_group","name":"STYLED","tab":"7179c13.0628d4","order":13,"disp":true,"width":4,"collapse":false},{"id":"7179c13.0628d4","type":"ui_tab","name":"Dashboard","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
1 Like
Unfortunately, a little CSS is all I understand at this time 
As soon as I tried to copy this method into my own tabs and on other buttons, it stopped working. I tried various methods of linking the template to a specific button ID, but that didn't work either.
Anyhow, this is not my topic/issue/need so I will let it go on my end 
I had a read of that thread, but I'm struggling to understand it.
This is my flow:
The dashboard is called "Main". Do I just insert a template node with the following code:
#Dashboard_MAIN_cards > md-card > button { padding-top: 10px !important; position: relative; text-align: center; line-height: 24px; display: flex; align-items: center; flex-direction: column; }
The card's selector name follow logic :
#Tabname_Groupname_cards
So for following
The selector will be
#Home_Stuff_cards
All names are connected with underscore
If you have spaces in those names, you'll need to replace them with underscores too
1 Like
Thanks for the help!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
