administrators group

sdetweil

@bjowave welcome to the world of css, cascading style sheet

This allows you to style a/some elements on the web page (MagicMirror page is presented in a browser)

This is a huge topic area, I looked at the anylist module provided css, and it doesn’t provide any direct styling on the text elements

So you will have to discover what they are. See the second link in my signature below for a short intro to the browser developers window, elements tab

The content for CSS styles is HUGE
I would use your favorite search engine on how to set an element style the way you want, this will at least give you the names of the styles you want to set. Then the example will teach you how to find the element you want to style

Watch out for opaque, if you later decide on pictures in the background, you will have a black rectangle showing.

sdetweil

@martinb I see . It only supported contacts and calendar
And it’s been almost 3 yrs since last updated

sdetweil

@Jk1 said:

I needed this to set the header color

yes, I thought you were talking about text color, not background…

sdetweil

@Jk1 said:

Now I just need to figure out how to set all the text to black.

check the module doc and css for the ‘opposing color’ I think he calls it…

sdetweil

@martinb don’t think so… did you search the 3rd party module list? linked in the menu above

karsten13

@fillilutten

I agree with Sam.
That looks like a weather warning to me. They are quite rare, and the scenario might never have occurred during the module’s development…

sdetweil

@fillilutten looks like the weather service got a really verbose description for the weather details
And the module didn’t anticipate that

I’d open an issue on the GitHub repo for that module.
In the module folder do

git remote -v

That will give you the url of the repo.

Someone has to fix the code

sdetweil

@Jk1 yeh, css has this other core idea,
The selector that is MOST specific wins, regardless which was defined last

So, if you target a big blob, and another targets THAT big blob, the second one wins.

If you look at the css file provided by the module (same folder) you will see how it targets different elements

sdetweil

@Jk1
ok, tried again

.CX3 .event .headline {
  color: green;
}

image Screenshot at 2026-06-26 16-20-23.png

sdetweil

@Jk1 css works top of the file down

So you set it, then changed it

It works on my Ext3

administrators

Posts

Member List