custom.css

[yo-less]

@Pierre Nice to know I could help you :)

[strawberry 3.141]

a proper solution would be to do your changes in the custom.css only, so you’ll not lose your modification by an update

in general you do the following rule

.MODULE_NAME .CLASS_TO_CHANGE {
    /*CSS RULE*/
}

.compliments .xlarge {
    font-weight: bold;
}

this will only affect your compliments module

[ianperrin]

@yo-less said in custom.css:

I’m not aware of any way to change global css styles (such as: “xlarge”) for only a specific module using the custom.css file. Does anyone else have any idea whether that can be done?

Each of the modules are wrapped in a div element with a class corresponding to the name you use to define the module in the config file e.g.

<div class="module compliments">
...
</div>

So to change the styles of a particular module, you can use the following in the custom.css file

.compliments .xlarge {
    font-size: 10pt;
}

[ianperrin]

Looks like @strawberry-3-141 beat me to the reply ;)

[strawberry 3.141]

@ianperrin maybe i was quicker, but I learned it out of your contribution to my module ;)

[yo-less]

@ianperrin Thanks for the clarification. I could swear I tried using “.compliments .xlarge” before posting as my own module css files use the same syntax and it looked like it didn’t work, but I’ve just tried it again and it’s working as it should :). Great to know.

[MichMich]

Totally off topic, but it’s so freaking awesome to see you guys discuss stuff I just made up on the fly … 😂