How to Make Clock Text Larger

[Michael_Horton]

Hi

I have created a simple display for the Lounge.

The Time top right of Dashboard and is not utilising the space well and has a lot of dead space.

I cannot find the way to increase or even change the font?

[James]

@Michael_Horton, you can use the Custom CSS feature within the Theme Editor to adjust clock’s font size.

.tile.clock .time { font-size: 1.8em; } .date { font-size: 2em; }

@kampto also puts together a WIKI CSS post below which has the CSS style scripts contributed by other community users.

512×512 40.6 KB

This is a community maintained wiki of Custom CSS code snippets that have been tested as working on Sharptools. CSS snippet lines can be added to the bottom of your Theme. Feel free to edit this wiki post or reply in the thread with your examples. Adjust the title text line spacing and allow title wrapping Default is 150% and 100% = no space .tile .title { line-height: 100%; } Allows title wrapping including the Hero attribute .tile .title { white-space: normal; } Adjust the title text font…

[Michael_Horton]

@James

.tile.clock .time { font-size: 1.8em; } .date { font-size: 2em; }

AWESOME!!! Thanks had to set an 8em to get to the right size

[John_Taylor1]

How do I make the day of the week name larger and centered?

[josh]

You could use a Super Tile to build a ‘clock’ tile with date and time information in whatever format you’d like. This gives you full control over the positioning, content, and sizing of items.

There’s even a ‘Custom’ format at the bottom of the Date/Time Format list where you can manually enter your desired format.

[John_Taylor1]

Thanks for the suggestion, I probably should have thought of that myself since I am using several super tiles already. As a general question, is there an easy way to see the field names and values from inside a super tile? For example, if i wanted to select the Style based on the day of the week or month.

[josh]

@John_Taylor1

As a general question, is there an easy way to see the field names and values from inside a super tile? For example, if i wanted to select the Style based on the day of the week or month.

I don’t understand the question.

Super Tile styles can be configured based on the Variable and Thing values associated with that particular Super Tile, but they can’t be configured based on date/time values.

[John_Taylor1]

As an example… Is it possible to have the Style switch from “ClockStyleAM” to “ClockStylePM”? Would I have to use a “Rule” to set a variable that I can test in the Style selection?

[josh]

No, you can’t use date/time values for styles, as mentioned above.

You can use Variable and Thing values that are included within your Super Tile for styling, so in theory, you could create an $isMorning variable and flip it true/false based on the time of the day. It would need to be included within your Super Tile, but I suppose you could either drag it visibly off the Super Tile partially or bind it to an icon as blank.