Hi,
I am struggling to remove text from a template. I have imported my own text within the background image, the problem is now I have overlapping hubitat text (seen in red circles) and I would like to remove it.
Any solutions?
Thanks.
You could override the CSS Class tile-title to "display:none"...
I know this might sound bad but I literally don't really have a clue on how to do this. When I press advanced then CSS the file is completely empty.
Thanks.
Haven't tried it myself, but in theory you should be able to insert the text:
.tile-title {display:none}
You can do it with individual tiles by picking the tile Id as follows.
#tile-40 .tile-title {visibility: hidden; display: none;}
Just put this in to advanced -> css
Hi, Thanks for the reply.
I tried to copy and paste that line into the CSS. The tile ID for 'Home' is 1 so I changed your 40 to 1. However this has not changed anything to the text.
p.s I am useless with this type of stuff.
Actually this will only remove the title of tile.
I assume the text in the middle is the title of the dashboard link to your kitchen for example.
If so, what I have suggested will not work.
If it is the title of the link, try having the background colour and text colour the same.
What happens then?
I tried this and for some reason it just changes the colour of text to an almost smudged black colour. I will try and play around with it.
Solution: #tile-40 .tile-primary {visibility: hidden; display: none;}
Thank you.
BTW, I'm not sure if you are aware but normally the text has a 'shadow' around it which I don't particularly like.
You can remove the 'shadow' by putting this in the advanced CSS window.
Personally I prefer it.
.tile-primary, .tile-contents, .tile-title, .material-icons {
text-shadow: none !important;
