Adding "!important" worked (sort of). Unfortunately it changed this:
to this:
I will go back to the beginning of this thread figure out how change font on a section by section basis instead of trying to be lazy and do it all with one CSS setting.
@stephen_nutt ah, yes, global changes with !important can have some not so desired effects. This thread should help you define the right groups of elements to change.
Very likely, yes. With "icon helper text", what do you mean? For a switch it would be the text "on" and "off", right? In general it is just a matter of prepending your selector with something like this
#tile-57
for the tile-title:
#tile-57 .tile-title {
Per tile-type would be a different thing. That is a bit more complex.
Is there any way to suppress/remove the top banner on a dashboard (the home icon, green tick, + and settings gear icon)? I want to add multiple dashboards into iframes on html pages and they look a bit daft with all these top banners repeating everywhere.
@Angus_M I was given his code which allow the icons only to remain, but hides them in the bottom right of dash. Handy to still allow access to changes but "outta sight"
@mark.cockcroft After fusing with this for a while I think the answer is 'sorta, but not really'.
Are you looking to make the background only transparent? Tile background transparency is set with the background-color attribute (from what I can see) as a rgba value, with 'a' being Aplha the alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).
that will let you assign separate colors to certain tile types (maybe more helpful)
This one will do as you say and make the entire dash transparent, but EVERYTHING, which I do not think you want (do not go lower then 0.5 or you won't be able to see anything on the dash!!)I ruined a test dash doing this.Posted for community knowledge and a "do not do what I did "
I was looking for a way to set them all the same, but I think this will cock up the on/open/motion states as well, had to go into each one a tweet it per state
It won't do what you want it to. All dash items, including foreground text, icons, pop-up windows, will be made opaque. It will look all washed out. If you go too far you will not see anything and you will ruin your dash. Back up your JSON if your even remotely thinking about doing this.
You have been warned. Don't moan when it breaks your dash. Put it in....
Settings 'gear' > Advanced > CSS
Correct which is why you should not do this via CSS. The CORRECT way to actually do what you want is it go into each template and set it there. I know it is a pain when you have to it do it for each device type template. However that is the correct way to set transparencies, not via CSS. I do it on this dash and it looks great, but it was a manual process via
Setting 'gear' > Templates > set each one you need for each state.
You should get a long use out of your dashboard, do it right. You should not look for shortcuts to doing things the right way. Just MHO, your hub, your dashboard.