Cor faixa de categorias

Layout
1

Pessoal alguém poderia me ajudar a editar a cor dessa faixa preta nas categorias?

Tentei usar esse cód.:

.menu.superior {
background: #FFFF00;
}
.menu.superior .titulo {
color: #000000;
}

Mas só muda parte da faixa, as bordas continuam pretas.

Bicho da Seda
Bicho da Seda1434×788 78.8 KB

2

image
image1679×783 339 KB

3

Certo, mas como eu uso esse código de fato na minha loja? Para que passe a ter outra cor?

Eu não compreendi muito como aplicar, mas já agradeço a ajuda! :slight_smile:

4

achei que vc sabia, pois postou um codigo CSS logo a cima, então só dei a dica!

#menuCat {
    background-color: #c4a287;
}
#menuCat {
    border-bottom: 1px solid #c4a287;
}
1 curtida
5

Eu estou indo a base de tutoriais, fico meio perdida ainda! Mas muito obrigada, deu certinho!

6

Aproveitando pra mais uma dúvida, você sabe como posso mudar as cores e talvez a fonte das letras nas categorias?

7 
.menu.superior .nivel-um>li .titulo {
    color: red;
    font-family: cursive;
    font-size: 27px;
}
1 curtida
8

Muito obrigada!!! :slight_smile:

9

Olá Leonardo, tudo bem?

Você sabe como posso mudar apenas o Menu do Mobile? Pois os códigos que eu tentei não ficaram legais.
Quero deixar diferente o menu dos dois.
Obrigado.

10

nao entendi bem, poderia colocar um print tentando mostrar o que gostaria?

11

Olá,
Obrigado pelo retorno.
Segue imagem, hoje quando defino as cores, elas ficam iguais, tanto para a fonte quanto para o fundo das categorias e subcategorias.

menus
menus1256×727 59.3 KB

Gostaria de ter independência nessa definição de cores.
Obg.

12

Leonardo, acredito que agora consegui.
É necessário utilizar o @media.
Olha só o que usei (as cores ainda estão para testes):

@media only screen and (max-width: 768px) {
/.menu.superior .nivel-um li {
border: none;
}/

.menu.superior .nivel-um {
    background:#F06A6A;
    /*height:40px;*/
}

.menu.superior .nivel-um .titulo {
    color: #ffffff;
}

.menu.superior .nivel-dois {
    color: #ffffff;
    background: #F06A6A;
    /*display:none;*/
}

}

@media only screen and (min-width: 768px) {
.menu.superior .nivel-um li {
border: none;
}

.menu.superior .nivel-um .titulo {
    color: #ffffff;
    /*font-size: 16px;
    white-space: normal;*/
}

/*Alterar fundo, cor da fonte e bordas do menu de categorias e remover colunas que as separam*/
.menu.superior .nivel-um {
background:#3b3b3c;
/*height:40px;*/
}

.menu.superior .nivel-um .titulo:hover {
color:#E59494;
}

.menu.superior .nivel-dois {
    color: #ffffff;
    background-color: #000000;
    /*display:none;*/
}

}

1 curtida