MM css help please

Manu85

hello, I am French and I am writing with a translator, is someone could help me, I would like to make the texts of the modules brighter and know how to bring the modules closer to the right side (for the right modules) and the same thing on the left I was told that it was with the css file, but I am lost, thanks for your help

Mykle1

@Manu85

In your custom.css file you would add this to the body for a 10 pixel border around the entire mirror. Your modules should then adjust themselves unless there are some individual css rules applied to the modules themselves. You can adjust to your liking. Personally, I don’t like modules pushed up against the edge of the mirror. For me, the 10 pixels is perfect.

body {
   margin: 10px;
   height: calc(100% - 20px);
   width: calc(100% - 20px);
}

lavolp3

to make fonts brighter you should add these lines to your custom.css and change them to your liking. Below are mine.
I set all rather bright to be able to dim the monitor itself more. Then it doesn’t shine that much through the glass.


.dimmed {
  color: #f5f5f5;
}

.normal {
  color: #fcfcfc;
}

.bright {
  color: #ffffff;
}

Manu85

@Mykle1 bravo and thank you for your help, I modified the css and my left modules shifted to the left and it’s perfect, but it also shifted the right modules, is it possible that the right modules shift to the right, I know it is not easy to explain by writing, I will try to attach a screenshot … and I have a question to ask you on your MMM-EARTH-Live module, is that 'should I open a new topic?

Manu85

@Mykle1 @lavolp3 well done you are champions

bravo and thank you for your help, I modified the css and my left modules shifted to the left and it’s perfect, but it also shifted the right modules, is it possible that the right modules shift to the right, I know it is not easy to explain by writing, I will try to attach a screenshot … and I have a question to ask you on your MMM-EARTH-Live module, is that 'should I open a new topic?

Manu85

@Mykle1
sorry i didn’t see that !!! it’s great now

height: calc(100% - 20px);
width: calc(100% - 20px);

Mykle1

@Manu85 said in MM css help please:

MMM-EARTH-Live module, is that 'should I open a new topic?

Yes please.

And you can mark this topic as solved