@stoffbeuteluwe see my post here about using the developers window

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?page=1

@francisceril you do not need to and you must not move custom.css. If above doesn’t work then your selectors are wrong. You can find out the right selector by opening the mirror in your pc browser, pressing f12 or ctrl+shift+i and using the dev tool. In the upper left corner you can choose an element picker, go to the time and find out the selector.

@sdetweil THAT WAS IT. THANK YOU SO MUCH <3333

@memphismark :beaming_face_with_smiling_eyes:

@jamaces

For future knowledge

within the Main.css there is

adding to custom.css

Will fix the issue.

However if you have a bottom_bar module it removes the gap between bottom_bar and anything in bottom_left/center/right

@bkeyport Thank you! I realized after I made the post it is called gradient.

For future knowledge

change background-color to background-image and add linear-gradient with another RGBA value.

Thank you for your help.

Is there a way to have CSS go gradient to the left and to the right?

I have the news module at the bottom and I really just want it to be dark in the centre where the headlines are.

I have tried to right and to left, I have tried radial and nothing seems to work.

Hello great people and thanks to you all!
Thanks to you and all your help i’m concluding the second Magic Mirror.
My fault for not presenting them here but i’m on final configurations.

I’me writing right now because one of those configurations.
I have just adapted a motion sensor and installed the great MMM-NewPIR.
With this the presentation of the MMM-SystemStats module ended up all messed up.

Before i aligned it to be inside the clock and worked well
After the MMM-NewPIR instalation he moved and i can’t force it to be where i want him and that’s inside the clock.

Can you please help me out?

Inside css i have:

Here’s the before, like i want it:
Without.jpg

And after MMM-NewPIR applied:
With.jpg

Thaks for all the help you can give!

@tylerj714 Id starts with 1 in MM, but it does not matter. You need to get actual id of the module you are targeting using dev tools.

a2ebbd99-a2e8-4f18-8bfe-9f5ba88b9d50-image.png

@tylerj714 i think these classes are without the module prefix

you should be able to see the classes assigned in the developers window elements tab

@sdetweil


Invalid files also

Hello @sdetweil
I have a similar question: I want the compliments module to have the same appearance as the title of the newsfeed module.

found in newsfeed-code:

so i want the compliments style to be “bright medium light”

the compliments code shows

Im not sure how to modify the custom.css.
Something like:

Can you help me? :)

@chanster Actually just figured out that if I do visibility instead of display it works.

Thanks…now it run fine

@Bill-Door You can use custom.css with zoom property for body. Adjust 200% below to your taste.

535f8cf6-5826-4d52-b08d-141450b167d3-image.png

PS: It will also survive the reboots :)

I have an iFrame to hold a weather radar image.
Default for iFrame is no border but I wanted one to act as border for radar image. Got border no problem and I defined color also but it behaved as if it had some sort of bevel type property that I don’t understand.
For example if I chose hex value for red, the bottom and right borders would be red, the top and left borders would be a darker red.
Anyone got any thoughts on what is going on there?

OK guys, I found the answer on this forum.

@ortizimo you don’t need .module prefix anymore

@JasonInOttawa May be float is doing this because you are not showing week text as header ? In my screenshot they are aligned on top. Any ways both are on user choice ! :)

@ankonaskiff17 this.config. says u can add variables to config section. Or use the default for it.

color:
And
fillcolor: