@BKeyport Hi, can you make a screenshot of the things styled outside MagicMirror so we can see how it should look exactly?
Maybe you will need some additional classes in your module config to make it possible to select the different elements jn CSS.

@MMRIZE @sdetweil thanks for the help. I havent had a chance to play around with it on my set up but looks to be going in the right direction!

@pritikin71 classes goes after module:

right?

{ module : " calendar", classes:"foo", config: { . . . } }

css

.foo ..... { (NOT .weather) ... }

you can ALSO use the ID value assigned to the module
the selector for id is

#id ... { ... }

I use this cheatsheet to help me remember
https://www.w3schools.com/cssref/css_selectors.php

everthing before the {
is called the selector clause… because is ‘selects’ the elements of the page doc, that the stuff INSIDE the {} will be applied to

. = class # = id : is the prefix for special elements [ x ] means element with an attribute of x <div x="foo"/> nothing = tag name (table, ul, li, p, ....div)

Hi, maybe the best way is using zoom functionality because,any logos will not follow the font size

in custom css try this:

#CARBURANTS { zoom: 120%; }

@atltiger81 no, don’t change the code

just add a classes property to the compliments module config

{ module:"compliments", position:"....", config: { compliments: { ... ... }, classes:".......... whatever" } }

from the doc
1000026352.jpg

@TazDev Thanks! This is exactly what I needed to change my MagicMirror so it displays Aurabesh for some of the data.

@sdetweil YES!!!

Thank you so much! This is exactly what I wanted. <chef’s kiss>

Thanks @MMRIZE and @karsten13 !

I have tried following your instructions but it didn’t help.
I figured out it’s hidden in the modules css-file. I should have thought about that beforehand.
When I change the font as suggested by @MMRIZE to set as

font-family: 'Open Sans Condensed', 'Noto Sans KR';

It works now.

Thanks guys!
Case closed!

@Hanimani the easy solution is to use the browser on the system you are on.
when you get it right, restart mm where it is running

config.js

address:"0.0.0.0", // listen for connections on all network interfaces ipWhitelist:[], // dont restrict source systems wanting to access mm

if you are using windows as your keyboard system, you can use winscp or bitvise ssh clients to provide the ssh window AND a file manzger view of the mm system. then you can double click a file to edit it directly on your pc, save puts it back on the mm syste. i use notepad++ as my windows editor for mm files

@svenpisa just put your complete root definition in custom.css

git checkout css/main.css

to restore the original main.css

@MMRIZE said

It needs some tricks. ;)

thank you :raising_hands:

this module has not been designed for this. So I can’t help about it.
I recommend hiding empty cells to save some unnecessary (empty) lines.

understood

even though I hate this kind of looks…
But… Is it really useful or pretty?

boom!
what my wife wants, my wife gets lol
(happy wife = happy life

Anyway Yes, everything is possible…

I’m satisfied!
I appreciate your assistance… you’ve inspired me to learn more

@Horyzon the compliments module provides a config option to set the classs or classes for the content

then you can style it/them in custom.css

classes:'foo' .foo { color:...... }

Screenshot_20240319_123533_Chrome.jpg

@sdetweil I copied it the way you had in another post and it wasn’t working, it’s finally working now.

thank you again!

I figured out how to fix my issue
I added :

.region.top.center{ top: -50px; left: 560px; } .region.top.left{ top: -50px; left: -50px; } .region.top.right { top: -50px; right: -50px; width: 300px; }

to the bottom of my custom css file.

thanks guys

@MMRIZE

i will give it a try later with ur css data and let u know if its work. thank man.

@ludoRaspberry said in changement couleur d'une lettre d'un title:

bonjour a tous ; je suis débutant dans la programmation js
j’aimerais changer la couleur d’une lettre sur le “title cNews”
le c en noir et News en rouge
comment puis je faire??

CSS controls the colors and format of the text. It is not the same as js. CSS is a very large topic but the best way to learn is to play with it. You will use the file custom.css to enter your changes. It will override any other css setup by the default MagicMirror.

This post has a lot of information: https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1708249746950

@svenpisa takes all kinds of skills to make a complete thing. looking good is an important characteristic, glad there are folks like you that translate the vision into something concrete.

hello Sam, I still need your help, I would like to size the display of the module that you recommended to me (MMM-SmartWebDisplay) for displaying the iss planisphere (https://isstracker.spaceflight.esa.int/ ) and I can’t do it when I change the dimensions in config.js it cuts parts of the image, I would like to reduce its dimension without losing parts of the image, I went to the console I’ve tried a lot of things (certainly not the right ones) and I can’t do it…thank you for your help

9acd7874-9754-4112-9ea7-3ad44806468a-image.png