Menu lateral, algum css pra mudar a cor de fundo e texto

SÓ FALTA ISSO PRA EU FUNCIONAR MINHA LOJA MAS NÃO CONSIGO…

1 curtida

Olá @brunim0038

Para alterar a cor de background do menu você pode inserir esse código CSS:
.menu.lateral .nivel-dois, .menu.lateral .nivel-tres, .menu.lateral .nivel-um>li>a{ background-color: silver; }

Para alterar a cor dos textos do menu você pode utilizar este:
.menu.lateral .nivel-um li>a strong, .menu.lateral.fechado .com-filho>ul.nivel-dois>li>a, body .menu.lateral .nivel-dois a{ color: red; }

Lembrando que esses códigos afetam apenas o menu lateral, por conta da especificação .menu.lateral na hierarquia de classes.

Abs,
Flores | skype: fale.flores

2 curtidas

mto obrigado msm…
agra um detalhe qdo eu rolo a pagina tem um cabeçalho ficando transparente e não sei qual css tirar pra isso sair pq usei vários e agra nao sei qual tirar pra isso melhorar…
segue abaixo os que estou utilizando

.pagamento-selos {background-color: #000000; background-position: top center; background-repeat: repeat;background:inherit;} #rodape .titulo {color:#fff;}
cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color:#696969; }
cabecalho > .conteiner > .menu.superior .titulo { color: #FF0000; }
strong.titulo.cor-secundaria { color: white; }
#cabecalho cor-principal {color: #696969;}
a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span {
color: #FFFFFF; }
.borda-alpha, .borda-alpha * {
border-color: rgba(0,0,0,0.13); }
a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span {
color: #FFFFFF; }
.cor-secundaria { color: #FFFFFF; }
.fundo-secundario { background-color: #FF0000; }
.borda-secundaria { border-color: #8B7500; }
#cabecalho {background-color: #1C1C1C; }
background-position: top center;
background-repeat: repeat;}
body {
background-color: #0f0f0f;
background-repeat: repeat;
}

.tema-escuro .conteiner, .tema-escuro .modal {
background-color: #828282; }

.conteiner-principal .conteiner {
background-color: transparent
box-shadow: none;}

.barra-inicial {
background-color: #FF0000;
}

.listagem.com-caixa .listagem-item {
margin: 0;
box-shadow: 0 0 5px rgba(0,0,0,0.8);
border: 5px solid rgba(0,0,0,0.035);
background-color: #333;
transition: transform .08s ease 0;
-webkit-transition: -webkit-transform .08s ease 0;
border-radius: 5px;
}

.listagem .listagem-item .nome-produto {

font-weight: bolder;
text-transform: uppercase

}

.institucional {
display: none;
}

.pagamento-selos {
background-image: none;
background-color: #111;
color: #fff
}

.listagem .listagem-item .imagem-produto {
background-color: #fff;
}
.menu.lateral .nivel-dois, .menu.lateral .nivel-tres, .menu.lateral .nivel-um>li>a{
background-color: #363636;
}
.menu.lateral .nivel-um li>a strong, .menu.lateral.fechado .com-filho>ul.nivel-dois>li>a, body .menu.lateral .nivel-dois a{
color: #FFFFFF;
}

Você precisa esconder a barra.

#barraTopo{ display: none!important; }

Abs,
Flores | www.upper.rocks

mto obrigado.
que deus te ilumine …

1 curtida

O menu horizontal da página inicial, é bem feio, com letras grandes.

Ao adentrar nas categorias, as fontes já ficam mais bonitas.

Com seu conhecimento, qual código CSS eu poderia utilizar para deixar o menu da página inicial próximo ao do Prestashop (imagem anexado)?prestashop.

Até na página “Documentação”, o menu lateral é bem bonito. Até esse design me agrada.

menu-atech-documentacao