Fui analisar o CSS para dispositivos móveis e vi que ele estava sendo excluído; ao comentar a parte “left-border”, as bordas coloridas voltaram:
.category-list-item {
// border-left: none;
border-top: 2px solid;
.category-name {
font-weight: normal;
}
}
No entanto, sei que isso será sobrescrito sempre que o tema for atualizado. Qual é a melhor maneira de manter modificações nessas situações?
Tenho um componente de tema personalizado onde mantenho alterações de CSS personalizadas, incluindo esta parte no CSS para dispositivos móveis:
.category-list-item {
border-left: 4px !important;
}
…mas não mostra a cor específica da categoria, apenas uma barra branca. Como faço para que a cor correta da categoria seja exibida? Sei que tem algo a ver com variáveis de cor das categorias, mas não consigo encontrar referência a elas.
Sou iniciante quando se trata de CSS e coisas assim, então posso estar fazendo algo errado.
Obrigado,
Ray