Mudar a cor das fontes das subcategorias

Olá, gostaria de saber como faço para mudar a cor da fonte das subcategorias
tentei com este porém não obtive resultado.

.menu .nivel-dois a {
color: red;
}

.nivel-tres {
background: black !important
}

Bom dia Paulo, você precisa adicionar o !important ao lado da cor da fonte também, ficará assim:

.menu .nivel-dois a {
    color: red !important;
}

.nivel-tres {
    background: black !important
}
2 curtidas

Muito obrigada, consegui com esse código. Ajudou muito ; )

@sabrina.schutz Poderia me ajudar, por favor?

Estou tentando mudar os icon do usuário,carrinho e casinha por ícon desse tipo. Mas não estou conseguindo.

Oi Laurel, peguei o código desse tópico e fiz algumas adaptações, vê se funciona da forma que você gostaria. Lembrando que é necessário subir as imagens de ícone que você quer no gerenciador de arquivos do painel, e adicionar esses links nos locais informados no código.

/* Tornar os icones pedido e minha conta transparentes */
#cabecalho .icon-user, #cabecalho .icon-list {
    color: transparent;
    background: transparent;
}

/* Ajusta tamanho da seção do Carrinho */
.conteudo-topo .carrinho {
    border: 0px;
    margin-top: -10px;
}
.conteudo-topo .carrinho>a i {
    background: transparent;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

/* Icone do carrinho */
.conteudo-topo .carrinho .icon-shopping-cart:before, .atalhos-mobile .icon-shopping-cart:before, #barraT{
    content: '';
    background: url(LINK DA IMAGEM CARRINHO);
    width: 32px;
    height: 32px;
    background-size: contain;
    vertical-align: middle;
    color: transparent;
}

/* Icone minha conta */
.conteudo-topo .icon-user {
    margin-top: -10px;
    width: 32px;
}
.conteudo-topo .icon-user:before, .atalhos-mobile .icon-user:before {
    content: '';
    background: url(LINK DA IMAGEM MINHA CONTA);
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent;
    background-size: contain;
}

/* Icone home */
.atalhos-mobile .icon-home:before  {
    content: '';
    background: url(LINK DA IMAGEM HOME);
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent;
    background-size: contain;
}

/* Icone meus pedidos */
.conteudo-topo .icon-list {
    margin-top: -10px;
    width: 32px;
    height:32px;
    color: transparent;
}
.conteudo-topo .icon-list:before, .atalhos-mobile .icon-user:before  {
    content: '';
    background: url(LINK DA IMAGEM MEUS PEDIDOS);
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent;
    background-size: contain;
}

Sabrina, apliquei o código até a parte da home. Porém ficou tudo transparente. Não sei se é porque o fundo é transparente ou branco.

Gostaria que fosse essa cor para os ícones: #FFA38C.

@sabrina.schutz Um colega aqui da comunidade me ajudou a resolver o problema.

Você consegue me ajudar a mudar o carrinho de compras, também? Quero colocar uma imagem que siga o mesmo layout das demais.

1 curtida

Bom dia Laurel, eba que bom que conseguiu! Onde você quer mudar o carrinho de compras? Não sei se entendi. Se estiver se referindo ao ícone de rastreio que está nesse print, é só incluir esse código junto com o outro:

/* Icone rastreio */
.atalhos-mobile .icon-truck:before  {
    content: '';
    background: url(LINK DA IMAGEM RASTREIO);
    width: 28px;
    height: 28px;
    vertical-align: middle;
    color: transparent;
    background-size: contain;
}
1 curtida

Mulher, vc é D+!! Obrigado por toda a ajuda.:clap::clap::clap:

DEU CERTO!!!

Sabrina, só se der, e não tem pressa. Sempre procuro pesquisar os códigos aqui na plataforma para não sobrecarregar vocês. Achei esse código, apliquei, mas não sei o porquê de não ter tido êxito!
Esse código é para deixar as fotos em tamanhos maiores, tanto no desktop, quanto no mobile.

Teria,por favor, como você o porque de não estar funcionando?

Oi, Sabrina. Conseguiu ver?