Ui_text without background

[Mario]

Hello,

is it possible to create a ui_text element without a background color? I have a dashboard with a background image on which the text field no longer looks good with a white background - see image.

[Steve-Mcl]

add a ui_template set to HEAD with a <style> tag

use CSS and appropritate selector to set it transparent e,g,

<style>
[node-id="d773305b.7df838"] {
    background-color: transparent !important;
}
</style>

where d773305b.7df838 is the id of the ui_text as can be seen in the node

[Mario]

@Steve-Mcl

<style>
[node-id="d773305b.7df838"] {
    background-color: transparent !important;
}
</style>

thanks for the tip, i tried it but it doesn't seem to work. in spite of the correct id the background is not hidden by ui_text.

[{"id":"efad961e.dd6588","type":"inject","z":"44fa2542.ad5b9c","name":"jeden Tag um 1:00 Uhr aktualisieren","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"00 01 * * *","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":210,"y":120,"wires":[["fd28457f.5fb6b8"]]},{"id":"fd28457f.5fb6b8","type":"function","z":"44fa2542.ad5b9c","name":"um 1 hoch zählen und inkl. Text anzeigen","func":"//var count=context.get('count') ;\n//if (typeof count==\"undefined\")\n//count=0;\n//var count=context.get('count') || 0;\n\n//count +=1;\n//msg.payload=\"F1 \"+msg.payload+\" \"+count;\n//context.set('count',count);\n//return msg;\n\nvar local=context.get('data') || {};\nif (local.count===undefined)//test exists\n{\n  local.count=0;\n}\nlocal.count +=1;\n//msg.payload=\"Unfallfreie Tage: \"+msg.payload+\" \"+local.count;\nmsg.payload=\"Unfallfreie Tage: \"+local.count;\n//msg.topic=\"Unfallfreie Tage: \"+local.count;\ncontext.set('data',local);\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":560,"y":120,"wires":[["e12219bf.8cf8d8","3093f735.fd2a58"]]},{"id":"f354c052.de3b1","type":"inject","z":"44fa2542.ad5b9c","name":"mit Festwert initialisieren","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":170,"y":220,"wires":[["5e30eeeb.846b"]]},{"id":"5e30eeeb.846b","type":"function","z":"44fa2542.ad5b9c","name":"Initialisieren","func":"//msg.payload=\"Unfallfreie Tage: 66\";\nmsg.topic=\"Unfallfreie Tage: 66\";\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":510,"y":220,"wires":[[]]},{"id":"e12219bf.8cf8d8","type":"file","z":"44fa2542.ad5b9c","name":"","filename":"/home/pi/Documents/unfallfreie Tage","appendNewline":true,"createDir":true,"overwriteFile":"true","encoding":"none","x":1090,"y":120,"wires":[[]]},{"id":"61cdbab2.51d644","type":"comment","z":"44fa2542.ad5b9c","name":"","info":"Hier wird einmalig ein Wert vorinitialisiert aber nicht um Mitternacht hoch gezählt. Dies muß über das obere Node passieren.","x":110,"y":180,"wires":[]},{"id":"702c039.6d9e2fc","type":"comment","z":"44fa2542.ad5b9c","name":"","info":"Dieses Node zählt um Mitternacht um +1 hoch und speichert dann in der Textdatei den Wert.","x":110,"y":80,"wires":[]},{"id":"7118750.cf8a08c","type":"ui_text","z":"44fa2542.ad5b9c","group":"c7548e3c.44407","order":3,"width":0,"height":0,"name":"Anzeige unfallfreie Tage","label":"","format":"<font size = 16>{{msg.payload}}","layout":"row-center","x":1130,"y":220,"wires":[]},{"id":"3093f735.fd2a58","type":"ui_template","z":"44fa2542.ad5b9c","group":"c7548e3c.44407","name":"Hintergrund ausblenden","order":3,"width":0,"height":0,"format":"<style>\n[node-id=\"7118750.cf8a08c\"] \n{\n    background-color: transparent !important;\n}\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":890,"y":220,"wires":[["7118750.cf8a08c"]]},{"id":"c7548e3c.44407","type":"ui_group","name":"Dashboard","tab":"ac7cb0aa.4dc89","order":1,"disp":false,"width":9,"collapse":false},{"id":"ac7cb0aa.4dc89","type":"ui_tab","name":"Standort Rostock","icon":"dashboard","disabled":false,"hidden":false}]