custom.css ......body???

[sdetweil]

@piki said in custom.css ......body???:

one more question, how do I change the color of the clock and weather module to black?

you will have to change/override the CSS for those…
in each module folder is the defined css (don’t change there, override in custom.css

if not there(same for every module), then examine the elements in the developers window elements tab

[piki]

great, and if I want “Bolt” bold text instead of thin?

[sdetweil]

@piki see main.css for the defined colors and styles

if nothing there that works for you, then you have to define your own (in custom.css)

[piki]

if I would like to move the clock or the weather more towards the center from the edge, do I have to write it in config.js? is that so

[sdetweil]

@piki in config.js are only the defined positions.
see https://forum.magicmirror.builders/topic/286/regions?_=1732038547578

otherwise you have to use css to adjust things.

note that main.css defines margins around modules and the overall screen

so you may have to adjust margins

[piki]

thank you very much for all the advice so far…you have helped me a lot

[piki]

can be changed language in openmeteo weather?

[sdetweil]

@piki not separately from the mm language setting, which is set up at the top, before the modules:[] list

[piki]

I don’t understand

[sdetweil]

@piki you can set the language for MagicMirror in config.js

  var config = {
    address: "0.0.0.0",
     port: 8090,
    basePath: "/",
    language: "en",     <----- here
    serverOnly: "local",
    locale: "en-US",   <--- and here
    modules: [   <---- after here is module configuration

[piki]

so I have it now…the clock shows me in “sk” language but the weather in “en”…???

language: "sk",
locale: "sk-SK",
logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
timeFormat: 24,
units: "metric",




modules: [
	
	{
		module: "clock",
		position: "bottom_left"
	},


	
	{
		module: "weather",
		position: "bottom_right",
		config: {
			weatherProvider: "openmeteo",
			type: "current",
			lat: 48.7164,
			lon: 21.2611,
			units: "metric",
			showForecast: true,
			forecastLayout: "horizontal",
			showSun: true,
			lang: "sk",

[sdetweil]

@piki right… there are two problems

1. it should follow the system config - but doesn’t
2. user should be able to override that - but can’t

[piki]

is it not possible?

[sdetweil]

@piki today, no

[piki]

I changed the bold font in main.css, but in the clock it only changed the date and day to bold, the clock itself remained thin… where could the problem be?

[sdetweil]

@piki need more CSS work… every little element needs style… most do NOT inherit from their parent, or their particular thing doesn’t have the same style in effect…

[piki]

Can I find the specific clock element somewhere or do I have to write it down?

[sdetweil]

@piki sorry, I don’t know… I use the developers window when I need to fiddle with css

[raf]

@piki

.clock .time {
font-size: 150px;
color: yellow;
}
.clock .date {
font-size: 40px;
color: red;