@sdetweil Sorry, there was a mistake in translation. I mean no more questions, thanks again

@sdetweil Boy, that’s the truth.

@sdetweil Right there in front of me. Thanks!

what I inserted in my custom.css

:root { --font-primary: "SF-Compact"; --font-secondary: "SF-Pro"; } @font-face { font-family: "SF-Compact"; font-style: normal; src: local("SF-Compact"), url("/fonts/SF-Compact.ttf") format("truetype"); } @font-face { font-family: "SF-Pro"; font-style: normal; src: local("SF-Pro"), url("/fonts/SF-Pro.ttf") format("truetype"); }

both files I extracted from my Mac and copied it to ~/MagicMirror/fonts

@ankonaskiff17 the difficulty is that this page is in a container(iframe) outside mm’s control. so there’s no good way to fiddle w it’s css

@MZ-BER

i will try to get apple style working, here is the font: https://github.com/samuelngs/apple-emoji-linux

mkdir ~/.fonts cd ~/.fonts wget https://github.com/samuelngs/apple-emoji-linux/releases/download/ios-15.4/AppleColorEmoji.ttf fc-cache -f -v

@ankonaskiff17 use the z-index in css on the module content

use the dev window to test

more positive is closer to the user on top of things more negative is away from the user, behind things

@ankonaskiff17 note there are two different date format strings

dates and times
full dates ( all day)

@sdetweil Sorry about that, thank you

@sdetweil Appreciate the help Thanks

@rantanplan you can do the debug from your pc, and still have the 7 in be fine

in config.js
set
address:“0.0.0.0”,
ipWhiltelist:[],

then u can connect to MM from your desktop and debug…
hit f5 to reload the pc MM page with the updated css…

use the bitvise ssh client, you can edit the files on the pi from your pc… by double click like on the pc
(enable ssh on the pi too)

@MMRIZE tnx alot mate

@mumblebaj well, it made the font bigger, but NOT 1.5em…

@ruff-hi

That is exactly the alternative which I showed

{ module: "calendar", header: "House", position: "top_left", maximumEntries: "3", config: { colored: true, tableClass: "small", calendars: [ { symbol: "fas fa-house-user", maximumEntries: "2", color: "rgb(121, 0, 86)", url: "https://calendar.google.com/calendar/ical/xxx/basic.ics" } ] } }, { module: "calendar", header: "Trash", position: "top_left", maximumEntries: "3", config: { colored: true, tableClass: "small", calendars: [ { symbol: "fas fa-trash", color: "rgb(185, 62, 38)", maximumEntries: "2", url: "https://calendar.google.com/calendar/ical/xxxxx/basic.ics" } ] } },

Which will look like this

5ddd9a13-36aa-47ad-a265-e6e9b94e367a-grafik.png

@kurtern84 👍

Which fork are you using? This fork from redxeagle seems to be the most recent. And the tables are displayed properly there in the screenshots. Unfortunately, I don’t have ioBroker devices, otherwise I would have taken a closer look.

Since no one else is responding here, I suggest you open an issue on the module’s GitHub repository.

@bigschucks what does this contribute to the topic?

Thank you. Really looks cool. Genuinely emotional over how brilliant this looks. Recently started programming and am currently doing a small project.

@billg

I didnt realize it wld upload and post.

The issue you can see is that the extended forecast is pushed off screen when an advisory occurs.

Thanks

@jiwkel sorry, don’t understand the request.

u provided a page content, but that is not what u get for mm.

open the developers window.

see this
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1641827783364

without a specific I’d on the td, you will have to use a specific css selector chain to target that element ( the dev window might give u the chain element tree)
see
https://www.w3schools.com/cssref/css_selectors.asp

this is not a web page or css training site.
if it’s not MagicMirror related, please delete your post