modifying css to only one instance of a module

[strawberry 3.141]

@N3RD every module has a wrapper with an id. This is is the module identifier e.g. module_1_clock. There is no need to modify files. You can then target specifically that instance in CSS.

#module_1_clock {
    margin: 20px;
}

you can find out the identifier in the DOM.

[sdetweil]

@strawberry-3-141 thanks… didn’t know we could use the identifier…

[N3RD]

@strawberry-3-141 thanks for the tip! Now to sound even more newb, how do I read the DOM??

[sdetweil]

@N3RD modules are numbered from top to bottom in config.js
Also see the elements tab in the developers window

[N3RD]

@sdetweil got it! thanks guys, I’m slowly building confidence to poke around more and tweak. And annoy my wife by constantly tinkering ;)