Customização

Uma cor para cada Recurso

18 views 16 de maio de 2018 13 de abril de 2020 admin 0

Aqui está um trecho especial para mudar as cores dos seus recursos.

Assim como: para o exemplo, usamos o modelo “blutility"

Para fazer isso, basta adicionar o seguinte css na seção “personalização avançada" do seu 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;
}

Obviamente, você precisa alterar o código de cores “#XXXXXX" para você.

Informação:

Se você deseja adicionar outras cores, basta adicionar uma seção:

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

X é a posição da sua cor personalizada #AAAAA.

Você pode usar cores genéricas, por exemplo:

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

Para obter o melhor resultado, escolha cores homogêneas.

Isto foi útil?