Masz już dość patrzenia na swoje moduły, wszystkie w jednakowym kolorze? Jest proste rozwiązanie:

1) Idź do zarządzania templatkami, wybierz aktualnie używaną i kliknij na "Edytuj CSS".
2) Znajdź: table.moduletable. Powinieneś zobaczyć cos takiego:

table.moduletable {
margin: 10px 0px 0px 0px;
width: 95%;
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
border-top: solid 0px #000000;
border-bottom: 1px solid #DFDFDF;
}

3) Skopiuj znalezione linijki i dokonaj zmian. W tym przykładzie użyliśmy koloru czerwonego, więc  zmianione to zostało na table.moduletablered. W powyższym przykładzie, mamy #DFDFDF, co jest HTMLowym kodem koloru szarego. Zmień to na wybrany przez siebie kolor (w naszym przypadku na czerwony, o kodzie #F70505):

table.moduletablered {
margin: 10px 0px 0px 0px;
width: 95%;
border-left: 1px solid #F70505;
border-right: 1px solid #F70505;
border-top: solid 0px #000000;
border-bottom: 1px solid #F70505;
}

4)Idź do zarządzania modułami i w polu: Module Class Suffix (Przedrostek klasy modułu) wpisz nazwę nowego koloru (red), bez nawiasu. To wszystko!

PS: Kody kolorów w HTML możesz znaleźć w internecie.

Oryginał autorstwa Nelito Fernandesa