Here is a special snippet to change colors of your features.

Just like this: for the example, we use the template “blutility”


To do that, just add the following CSS in the “advanced customization” section of your editor:

.homepage .layout li:nth-child(1) {
background-color: #0099C7;
.homepage .layout li:nth-child(2) {
background-color: #ffd64b;
.homepage .layout li:nth-child(3) {
background-color: #ff3a2e;
.homepage .layout li:nth-child(4) {
background-color: #9d5cad;

Obviously, you have to change the colors code “#XXXXXX” for your own.


If you want to add others colors, just add a section:

.homepage .layout li:nth-child(X) {
background-color: #YYYYYY;

X is the position of your custom color #YYYYYY.

You can use generic colors, for example:

.homepage .layout li:nth-child(X) {
background-color: red;

To get the best result, choose homogeneous colors.