Removing template text


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?


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.


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;