Dashboard Device Names - Any Way To Selectively Change?

OK, so I just added a second tile and got the same problem - second tile text disappears but not replaced. I know I'm doing something stupid here, I just don't know what it is....

#tile-73 .tile-title::after, #tile-20 .tile-title::after {
visibility: visible;
position: absolute;
text-align: center;
left: inherit;
right: 0;
bottom: 0;
white-space: pre-wrap;
}

#tile-73 .tile-title, #tile-20 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}
#tile-73 .tile-title:after {
content: 'Formula Color Loop Art Niches';
}
#tile-20 .tile-title:after {
content: ‘Scene Arctic Aurora’; }

If you're doing something stupid then we both are, because I can't see anything wrong either....

Try putting the last } on a new line (or at least a space before it)

LOL. OK. Well, I can say that it works fine when I add the code for each tile individually, as long as I am copy cut pasting from your template. So it's going to be a really long page of CSS code but as long as that it ok, I should be able to accomplish what I want.

Tried that (see below). Same problem - nothing happens. Weird. Meanwhile, my 13 year old son walks in on me and says, "Oh, you're doing CSS?" Maybe I should make him do this. I feel old....

#tile-73 .tile-title::after, #tile-20 .tile-title::after, #tile-21 .tile-title::after, #tile-49 .tile-title::after, #tile-50 .tile-title::after, #tile-22 .tile-title::after, #tile-23 .tile-title::after, #tile-24 .tile-title::after, #tile-25 .tile-title::after, #tile-51 .tile-title::after, #tile-26 .tile-title::after, #tile-52 .tile-title::after, #tile-27 .tile-title::after, #tile-53 .tile-title::after, #tile-54 .tile-title::after, #tile-55 .tile-title::after, #tile-56 .tile-title::after, #tile-57 .tile-title::after, #tile-58 .tile-title::after, #tile-29 .tile-title::after, #tile-59 .tile-title::after, #tile-60 .tile-title::after, #tile-61 .tile-title::after, #tile-62 .tile-title::after, #tile-63 .tile-title::after, #tile-64 .tile-title::after, #tile-65 .tile-title::after, #tile-66 .tile-title::after, #tile-67 .tile-title::after, #tile-30 .tile-title::after, #tile-31 .tile-title::after, #tile-32 .tile-title::after, #tile-33 .tile-title::after, #tile-68 .tile-title::after, #tile-34 .tile-title::after, #tile-35 .tile-title::after, #tile-69 .tile-title::after, #tile-70 .tile-title::after, #tile-71 .tile-title::after, #tile-72 .tile-title::after, #tile-36 .tile-title::after, #tile-37 .tile-title::after, #tile-38 .tile-title::after, #tile-39 .tile-title::after, #tile-40 .tile-title::after, #tile-41 .tile-title::after, #tile-42 .tile-title::after, #tile-43 .tile-title::after, #tile-44 .tile-title::after, #tile-45 .tile-title::after, #tile-46 .tile-title::after, #tile-47 .tile-title::after, #tile-74 .tile-title::after, #tile-75 .tile-title::after, #tile-76 .tile-title::after, #tile-77 .tile-title::after, #tile-78 .tile-title::after, #tile-79 .tile-title::after, #tile-80 .tile-title::after, #tile-81 .tile-title::after, #tile-82 .tile-title::after, #tile-83 .tile-title::after, #tile-84 .tile-title::after, #tile-85 .tile-title::after, #tile-88 .tile-title::after, #tile-89 .tile-title::after {
visibility: visible;
position: absolute;
text-align: center;
left: inherit;
right: 0;
bottom: 0;
white-space: pre-wrap;
}

#tile-73 .tile-title, #tile-20 .tile-title, #tile-21 .tile-title, #tile-49 .tile-title, #tile-50 .tile-title, #tile-22 .tile-title, #tile-23 .tile-title, #tile-24 .tile-title, #tile-25 .tile-title, #tile-51 .tile-title, #tile-26 .tile-title, #tile-52 .tile-title, #tile-27 .tile-title, #tile-53 .tile-title, #tile-54 .tile-title, #tile-55 .tile-title, #tile-56 .tile-title, #tile-57 .tile-title, #tile-58 .tile-title, #tile-29 .tile-title, #tile-59 .tile-title, #tile-60 .tile-title:, #tile-61 .tile-title, #tile-62 .tile-title, #tile-63 .tile-title, #tile-64 .tile-title, #tile-65 .tile-title, #tile-66 .tile-title, #tile-67 .tile-title, #tile-30 .tile-title, #tile-31 .tile-title, #tile-32 .tile-title, #tile-33 .tile-title, #tile-68 .tile-title, #tile-34 .tile-title, #tile-35 .tile-title, #tile-69 .tile-title, #tile-70 .tile-title, #tile-71 .tile-title, #tile-72 .tile-title, #tile-36 .tile-title, #tile-37 .tile-title, #tile-38 .tile-title, #tile-39 .tile-title, #tile-40 .tile-title, #tile-41 .tile-title, #tile-42 .tile-title, #tile-43 .tile-title, #tile-44 .tile-title, #tile-45 .tile-title, #tile-46 .tile-title, #tile-47 .tile-title, #tile-74 .tile-title, #tile-75 .tile-title, #tile-76 .tile-title, #tile-77 .tile-title, #tile-78 .tile-title, #tile-79 .tile-title, #tile-80 .tile-title, #tile-81 .tile-title, #tile-82 .tile-title, #tile-83 .tile-title, #tile-84 .tile-title, #tile-85 .tile-title, #tile-88 .tile-title, #tile-89 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}

#tile-73 .tile-title:after { content: ‘Formula Color Loop Art Niches’; }
#tile-20 .tile-title:after { content: ‘Scene Arctic Aurora’; }
#tile-21 .tile-title:after { content: ‘Scene Autumn Gold’; }
#tile-49 .tile-title:after { content: ‘Scene Blood Moon’; }
#tile-50 .tile-title:after { content: ‘Scene Blue Lagoon’; }
#tile-22 .tile-title:after { content: ‘Scene Bright’; }
#tile-23 .tile-title:after { content: ‘Scene Chinatown’; }
#tile-24 .tile-title:after { content: ‘Scene Concentrate’; }
#tile-25 .tile-title:after { content: ‘Scene Dimmed’; }
#tile-51 .tile-title:after { content: ‘Scene Emerald Isle’; }
#tile-26 .tile-title:after { content: ‘Scene Energize’; }
#tile-52 .tile-title:after { content: ‘Scene Fairfax’; }
#tile-27 .tile-title:after { content: ‘Scene Frosty Dawn’; }
#tile-53 .tile-title:after { content: ‘Scene Galaxy’; }
#tile-54 .tile-title:after { content: ‘Scene Golden Pond’; }
#tile-55 .tile-title:after { content: ‘Scene Honolulu’; }
#tile-56 .tile-title:after { content: ‘Scene Ibiza’; }
#tile-57 .tile-title:after { content: ‘Scene Lake Mist’; }
#tile-58 .tile-title:after { content: ‘Scene Lake Placid’; }
#tile-29 .tile-title:after { content: ‘Scene Nightlight’; }
#tile-59 .tile-title:after { content: ‘Scene Midsomer Sun’; }
#tile-60 .tile-title:after { content: ‘Scene Midwinter’; }
#tile-61 .tile-title:after { content: ‘Scene Moonlight’; }
#tile-62 .tile-title:after { content: ‘Scene Motown’; }
#tile-63 .tile-title:after { content: ‘Scene Mountain Breeze’; }
#tile-64 .tile-title:after { content: ‘Scene Nebula’; }
#tile-65 .tile-title:after { content: ‘Scene Ocean Dawn’; }
#tile-66 .tile-title:after { content: ‘Scene Osaka’; }
#tile-67 .tile-title:after { content: ‘Scene Palm Beach’; }
#tile-30 .tile-title:after { content: ‘Scene Read’; }
#tile-31 .tile-title:after { content: ‘Scene Relax’; }
#tile-32 .tile-title:after { content: ‘Scene Ruby Glow’; }
#tile-33 .tile-title:after { content: ‘Scene Savanna Sunset’; }
#tile-68 .tile-title:after { content: ‘Scene Soho’; }
#tile-34 .tile-title:after { content: ‘Scene Spring Blossom’; }
#tile-35 .tile-title:after { content: ‘Scene Spring Lake’; }
#tile-69 .tile-title:after { content: ‘Scene Starlight’; }
#tile-70 .tile-title:after { content: ‘Scene Sunday Morning’; }
#tile-71 .tile-title:after { content: ‘Scene Sundowner’; }
#tile-72 .tile-title:after { content: ‘Scene Tokyo’; }
#tile-36 .tile-title:after { content: ‘Scene Tropical Twilight’; }
#tile-37 .tile-title:after { content: ‘Scene Winter Mountain’; }
#tile-38 .tile-title:after { content: ‘Ceiling Scene Color Loop’; }
#tile-39 .tile-title:after { content: ‘Ceiling Scene Colourful’; }
#tile-40 .tile-title:after { content: ‘Ceiling Scene Eating’; }
#tile-41 .tile-title:after { content: ‘Ceiling Scene Eye Protection’; }
#tile-42 .tile-title:after { content: ‘Ceiling Scene Mediterranean’; }
#tile-43 .tile-title:after { content: ‘Ceiling Scene Meeting’; }
#tile-44 .tile-title:after { content: ‘Ceiling Scene Night’; }
#tile-45 .tile-title:after { content: ‘Ceiling Scene Pink’; }
#tile-46 .tile-title:after { content: ‘Ceiling Scene Reading’; }
#tile-47 .tile-title:after { content: ‘Ceiling Scene White’; }
#tile-89 .tile-title:after { content: ‘Formula Classic Christmas’; }
#tile-74 .tile-title:after { content: ‘Formula Color Loop Art Niches’; }
#tile-79 .tile-title:after { content: ‘Formula Dark Sunset’: }
#tile-78 .tile-title:after { content: ‘Formula Festival of Lights’; }
#tile-80 .tile-title:after { content: ‘Formula Dinner Party’; }
#tile-81 .tile-title:after { content: ‘Formula Oranges’; }
#tile-82 .tile-title:after { content: ‘Formula Over the Rainbow’; }
#tile-83 .tile-title:after { content: ‘Formula Sakura Blooming’; }
#tile-75 .tile-title:after { content: ‘Formula Scandinavian’; }
#tile-84 .tile-title:after { content: ‘Formula Summer Vibe’; }
#tile-76 .tile-title:after { content: ‘Formula Timeless’; }
#tile-85 .tile-title:after { content: ‘Formula Under the Sea’; }
#tile-77 .tile-title:after { content: ‘Formula Urban’; }
#tile-88 .tile-title:after { content: ‘Formula Winter Wonderland’;
}

LoL...

Did the Winter Wonderland one work? I am thinking they would all need a carriage return or a space ...

Nope, tried that. Again, nothing happened.

#tile-73 .tile-title::after, #tile-20 .tile-title::after, #tile-21 .tile-title::after, #tile-49 .tile-title::after, #tile-50 .tile-title::after, #tile-22 .tile-title::after, #tile-23 .tile-title::after, #tile-24 .tile-title::after, #tile-25 .tile-title::after, #tile-51 .tile-title::after, #tile-26 .tile-title::after, #tile-52 .tile-title::after, #tile-27 .tile-title::after, #tile-53 .tile-title::after, #tile-54 .tile-title::after, #tile-55 .tile-title::after, #tile-56 .tile-title::after, #tile-57 .tile-title::after, #tile-58 .tile-title::after, #tile-29 .tile-title::after, #tile-59 .tile-title::after, #tile-60 .tile-title::after, #tile-61 .tile-title::after, #tile-62 .tile-title::after, #tile-63 .tile-title::after, #tile-64 .tile-title::after, #tile-65 .tile-title::after, #tile-66 .tile-title::after, #tile-67 .tile-title::after, #tile-30 .tile-title::after, #tile-31 .tile-title::after, #tile-32 .tile-title::after, #tile-33 .tile-title::after, #tile-68 .tile-title::after, #tile-34 .tile-title::after, #tile-35 .tile-title::after, #tile-69 .tile-title::after, #tile-70 .tile-title::after, #tile-71 .tile-title::after, #tile-72 .tile-title::after, #tile-36 .tile-title::after, #tile-37 .tile-title::after, #tile-38 .tile-title::after, #tile-39 .tile-title::after, #tile-40 .tile-title::after, #tile-41 .tile-title::after, #tile-42 .tile-title::after, #tile-43 .tile-title::after, #tile-44 .tile-title::after, #tile-45 .tile-title::after, #tile-46 .tile-title::after, #tile-47 .tile-title::after, #tile-74 .tile-title::after, #tile-75 .tile-title::after, #tile-76 .tile-title::after, #tile-77 .tile-title::after, #tile-78 .tile-title::after, #tile-79 .tile-title::after, #tile-80 .tile-title::after, #tile-81 .tile-title::after, #tile-82 .tile-title::after, #tile-83 .tile-title::after, #tile-84 .tile-title::after, #tile-85 .tile-title::after, #tile-88 .tile-title::after, #tile-89 .tile-title::after {
visibility: visible;
position: absolute;
text-align: center;
left: inherit;
right: 0;
bottom: 0;
white-space: pre-wrap;
}

#tile-73 .tile-title, #tile-20 .tile-title, #tile-21 .tile-title, #tile-49 .tile-title, #tile-50 .tile-title, #tile-22 .tile-title, #tile-23 .tile-title, #tile-24 .tile-title, #tile-25 .tile-title, #tile-51 .tile-title, #tile-26 .tile-title, #tile-52 .tile-title, #tile-27 .tile-title, #tile-53 .tile-title, #tile-54 .tile-title, #tile-55 .tile-title, #tile-56 .tile-title, #tile-57 .tile-title, #tile-58 .tile-title, #tile-29 .tile-title, #tile-59 .tile-title, #tile-60 .tile-title:, #tile-61 .tile-title, #tile-62 .tile-title, #tile-63 .tile-title, #tile-64 .tile-title, #tile-65 .tile-title, #tile-66 .tile-title, #tile-67 .tile-title, #tile-30 .tile-title, #tile-31 .tile-title, #tile-32 .tile-title, #tile-33 .tile-title, #tile-68 .tile-title, #tile-34 .tile-title, #tile-35 .tile-title, #tile-69 .tile-title, #tile-70 .tile-title, #tile-71 .tile-title, #tile-72 .tile-title, #tile-36 .tile-title, #tile-37 .tile-title, #tile-38 .tile-title, #tile-39 .tile-title, #tile-40 .tile-title, #tile-41 .tile-title, #tile-42 .tile-title, #tile-43 .tile-title, #tile-44 .tile-title, #tile-45 .tile-title, #tile-46 .tile-title, #tile-47 .tile-title, #tile-74 .tile-title, #tile-75 .tile-title, #tile-76 .tile-title, #tile-77 .tile-title, #tile-78 .tile-title, #tile-79 .tile-title, #tile-80 .tile-title, #tile-81 .tile-title, #tile-82 .tile-title, #tile-83 .tile-title, #tile-84 .tile-title, #tile-85 .tile-title, #tile-88 .tile-title, #tile-89 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}

#tile-73 .tile-title:after { content: ‘Formula Color Loop Art Niches’;
}
#tile-20 .tile-title:after { content: ‘Scene Arctic Aurora’;
}
#tile-21 .tile-title:after { content: ‘Scene Autumn Gold’;
}
#tile-49 .tile-title:after { content: ‘Scene Blood Moon’;
}
#tile-50 .tile-title:after { content: ‘Scene Blue Lagoon’;
}
#tile-22 .tile-title:after { content: ‘Scene Bright’;
}
#tile-23 .tile-title:after { content: ‘Scene Chinatown’;
}
#tile-24 .tile-title:after { content: ‘Scene Concentrate’;
}
#tile-25 .tile-title:after { content: ‘Scene Dimmed’;
}
#tile-51 .tile-title:after { content: ‘Scene Emerald Isle’;
}
#tile-26 .tile-title:after { content: ‘Scene Energize’;
}
#tile-52 .tile-title:after { content: ‘Scene Fairfax’;
}
#tile-27 .tile-title:after { content: ‘Scene Frosty Dawn’;
}
#tile-53 .tile-title:after { content: ‘Scene Galaxy’;
}
#tile-54 .tile-title:after { content: ‘Scene Golden Pond’;
}
#tile-55 .tile-title:after { content: ‘Scene Honolulu’;
}
#tile-56 .tile-title:after { content: ‘Scene Ibiza’;
}
#tile-57 .tile-title:after { content: ‘Scene Lake Mist’;
}
#tile-58 .tile-title:after { content: ‘Scene Lake Placid’;
}
#tile-29 .tile-title:after { content: ‘Scene Nightlight’;
}
#tile-59 .tile-title:after { content: ‘Scene Midsomer Sun’;
}
#tile-60 .tile-title:after { content: ‘Scene Midwinter’;
}
#tile-61 .tile-title:after { content: ‘Scene Moonlight’;
}
#tile-62 .tile-title:after { content: ‘Scene Motown’;
}
#tile-63.tile-title:after { content: ‘Scene Mountain Breeze’;
}
#tile-64 .tile-title:after { content: ‘Scene Nebula’;
}
#tile-65 .tile-title:after { content: ‘Scene Ocean Dawn’;
}
#tile-66 .tile-title:after { content: ‘Scene Osaka’;
}
#tile-67 .tile-title:after { content: ‘Scene Palm Beach’;
}
#tile-30 .tile-title:after { content: ‘Scene Read’;
}
#tile-31 .tile-title:after { content: ‘Scene Relax’;
}
#tile-32 .tile-title:after { content: ‘Scene Ruby Glow’;
}
#tile-33 .tile-title:after { content: ‘Scene Savanna Sunset’;
}
#tile-68 .tile-title:after { content: ‘Scene Soho’;
}
#tile-34 .tile-title:after { content: ‘Scene Spring Blossom’;
}
#tile-35 .tile-title:after { content: ‘Scene Spring Lake’;
}
#tile-69 .tile-title:after { content: ‘Scene Starlight’;
}
#tile-70 .tile-title:after { content: ‘Scene Sunday Morning’;
}
#tile-71 .tile-title:after { content: ‘Scene Sundowner’;
}
#tile-72 .tile-title:after { content: ‘Scene Tokyo’;
}
#tile-36 .tile-title:after { content: ‘Scene Tropical Twilight’;
}
#tile-37 .tile-title:after { content: ‘Scene Winter Mountain’;
}
#tile-38 .tile-title:after { content: ‘Ceiling Scene Color Loop’;
}
#tile-39 .tile-title:after { content: ‘Ceiling Scene Colourful’;
}
#tile-40 .tile-title:after { content: ‘Ceiling Scene Eating’;
}
#tile-41 .tile-title:after { content: ‘Ceiling Scene Eye Protection’;
}
#tile-42 .tile-title:after { content: ‘Ceiling Scene Mediterranean’;
}
#tile-43 .tile-title:after { content: ‘Ceiling Scene Meeting’;
}
#tile-44 .tile-title:after { content: ‘Ceiling Scene Night’;
}
#tile-45 .tile-title:after { content: ‘Ceiling Scene Pink’;
}
#tile-46 .tile-title:after { content: ‘Ceiling Scene Reading’;
}
#tile-47 .tile-title:after { content: ‘Ceiling Scene White’;
}
#tile-89 .tile-title:after { content: ‘Formula Classic Christmas’;
}
#tile-74 .tile-title:after { content: ‘Formula Color Loop Art Niches’;
}
#tile-79 .tile-title:after { content: ‘Formula Dark Sunset’:
}
#tile-78 .tile-title:after { content: ‘Formula Festival of Lights’;
}
#tile-80 .tile-title:after { content: ‘Formula Dinner Party’;
}
#tile-81 .tile-title:after { content: ‘Formula Oranges’;
}
#tile-82 .tile-title:after { content: ‘Formula Over the Rainbow’;
}
#tile-83 .tile-title:after { content: ‘Formula Sakura Blooming’;
}
#tile-75 .tile-title:after { content: ‘Formula Scandinavian’;
}
#tile-84 .tile-title:after { content: ‘Formula Summer Vibe’;
}
#tile-76 .tile-title:after { content: ‘Formula Timeless’;
}
#tile-85 .tile-title:after { content: ‘Formula Under the Sea’;
}
#tile-77 .tile-title:after { content: ‘Formula Urban’;
}
#tile-88 .tile-title:after { content: ‘Formula Winter Wonderland’;
}

Then I'm really confused.... Can only think there must be some difference on the Mac ...? Really weird.... If you can get it to work but with long CSS then I guess that may have to be it.....

I'm still curious about whether you still got it working with duplicating the setup for each tile.... No pressure / rush to set it up, whenever you (or your son :wink: ) get to it....

1 Like

Yes, I just had to copy-cut-paste the code for each tile separately, and that did work. Thanks!

1 Like

Here's the problem
The Christmas rock works and the scene Artica doesn't

Edit : ignore the "pipe" or vertical bar. It was just my crappy screenshot. That was just my mouse pointer.

1 Like

Is that a tick, not a quote? Well spotted btw....

2 Likes

I would say it's a Right single quote instead of an Apostrophe but I am bad at knowing special characters. Too many names for them.

1 Like

Whoa. What a catch! But, I'm not sure which keystroke that character is. LOL. You literally found a needle in a haystick.

Is it the same as the quote (") key but when not with shift?

That is, (') ?

I haven't felt this geeky since I was in high school.

1 Like

I did google it briefly the other day and there was some combination of keystrokes that could produce the left or right quote marks. It was something like shift-quote....

For anyone finding this possibly years later, my experience with different Apple text editors does sometimes try to “help” by applying special formatting or special characters while you’re typing. Use some other Mac text editor that doesn’t do this, like BBEdit or Sublime. For Windows, use Notepad++.

1 Like