Default Weather Module Icon Position

greedyvegan

(currently reading)
https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1602611995137

sdetweil

@greedyvegan yes, they are the same, that is why you need to add unique classes per my previous post, OR use the id value in custom css as the primary selector

#module_{number}_module-name

greedyvegan

@sdetweil

ok, so since this isn’t working, do I change the item “classes” or “type” ?

let’s say I change it to “weatherDAY” and “weatherWEEK”
in the css do I change it to

.weatherDAY .weathericon {
.weatherWEEK .weathericon {

so on and so forth?

greedyvegan

@sdetweil said in Default Weather Module Icon Position:

@greedyvegan yes, they are the same, that is why you need to add unique classes per my prvious post, OR use the id value in custom css as the primary selector

#module_{number}_module-name

I also saw you say IF you choose the module number, be careful when adding modules because the number will change.

sdetweil

@greedyvegan sorry i posted to an issue

greedyvegan

@sdetweil thank you very much

greedyvegan

that didn’t work, I’m going to try something else

sdetweil

@greedyvegan what didnt work?

remember the thing before the {
is the selector clause,

it selects the elements the stuff after the { will apply to

i use this cheatsheet to help me build the selector clause
https://www.w3schools.com/cssref/css_selectors.php

greedyvegan

@sdetweil changing the classes name didn’t work for me, my custom name gets ignored

@sdetweil said remember the thing before the {

is the selector clause,

it selects the elements the stuff after the { will apply to

i use this cheatsheet to help me build the selector clause
https://www.w3schools.com/cssref/css_selectors.php

I’m going to try that

sdetweil

@greedyvegan said in Default Weather Module Icon Position:

changing the classes name didn’t work for me, my custom name gets ignored

you noticed the dot in front of the class name , right?

. means element class (html class="foo", .foo) 
# means element id  (html id="module_0_clock", #module_o_clock)
nothing means html element (html img, body, div...)

in MM if you want to select elements in A module, then you would select the content starting with its id (#module_…) its classname (.modulename) or one of the classes specified in the classes:“xxx yyy”, property for that module