Olá, tudo bem com voces?
Estou querendo mudar a cor da barra do menu, mas ainda não consegui.
e também, gostaria de mudar a cor das informações no topo da tela…
Alguém poderia me ajudar?
Olá, boa tarde!
Sabe como encontrar o painel de editar o CSS do seu site? Você deve achá-lo (vai estar dentro do menu Aparência, mas se tiver dúvidas, pode falar) e adicionar esse código a ele:
.nivel-um{background-color:pink;}
.canais-contato{background-color:pink;}
Agora, caso queira branco, só mudar o pink para white.
Espero ter ajudado!
Olá Paulo, o de baixo deu certo. Mas no tópico, quero apenas as cores dos contatos… o fundo, pode deixar da cor que está mesmo …
Onde a seta indica, gostaria de deixar a cor original que está mesmo, e mudar apenas a cor dos dizeres…
Na parte superior você gostaria de alterar somente a cor da fonte, é isso?
Estou tentando aplicar um código para essa alteração, mas sem sucesso, infelizmente não estou conseguindo te ajudar nisso.
Exatamente, somente a cor da fonte.
Tudo bem amigão, ja me ajudou bastante, com a cor da barra do menu. Gratidão! 
1 curtida
Aliás, se você souber me dizer como deixou as categorias da sua barra de menu sem aquelas setas que costumam aparecer, ao lado de “pagina”, “vestido casual”, etc, ia ser de grande ajuda pra mim!
Amigão, pelo fato de eu ser leigo em edição css, eu não sei identificar qual dos códigos pode ser.
Mas vou passar todos os códigos que tenho em minha configuração, talvez vc consiga identificar hahaha abração
.menu.superior .nivel-um > li i {
display:none;
}
.menu.superior .nivel-um > li:hover {
background: transparent;
}
.menu.superior .nivel-um > li:hover > a strong {
color: pink ;
}
.menu.superior .nivel-um > li:hover > a strong::before {
content: ‘-’;
padding-right: 5px;
display: inline-block;
vertical-align: middle;
}
.menu.superior .nivel-um > li:hover > a strong::after {
content: ‘-’;
padding-left: 5px;
display: inline-block;
vertical-align: middle;
}
.listagem-item .acoes-produto, .listagem-item .acoes-produto-responsiva {
position: inherit;
border: 0;
background: transparent;
padding: 0;
text-align: left;
}
/* AJUSTE NO CABEÇALHO PARA ACOMPANHAR A BARRA DO INSTAGRAM O SOBRE A LOJA /
.container {
max-width:1200px;
align-self: center;
}
/ AUMENTO ESPAÇAMENTO MARGEM SUPERIOR /
.container:before, .container:after {
display: inline-block;
content: “”;
line-height: 0;
}
/ MANTER ESPAÇAMENTO MARGEM SUPERIOR SMARTPHONES - DIFERENTE DO AJUSTE ACIMA */
@media (max-width: 767px) {
.container:before, .container:after {
display: block;
content: “”;
line-height: 0;
}
}
ul.nivel-dois.borda-alpha > li > a {
color: pink !important;
}
/arredondar quase tudo/
div.filtro.lista.borda-principal {
border-radius: 10px;
}
div.componente{
border-radius: 10px;
}
div .caixa-facebook .hidden-phone {
border-radius: 20px;
}
div .redes-sociais .borda-principal {
border-radius: 20px;
}
.conteudo-topo .busca-mobile .atalho-menu {
border-radius: 10px;
}
#barraTopo .busca .botao-busca {
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.busca input {
width: 94%;
border-radius: 8px;
}
#barraTopo .carrinho>a i {
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#barraNewsletter .componente input[type=“text”] {
border-radius: 10px;
}
#barraNewsletter .componente .botao {
border-radius: 10px;
}
#barraTopo .carrinho.vazio>a span {
height: 25px;
}
.produto .acoes-flutuante .close_float {
border-radius: 10px;
border-top-right-radius: 0;
}
.produto .acoes-flutuante {
border-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
border-radius: 10px;
}
img {
border-radius: 15px;
}
.elastislide-carousel ul li a {
border-radius: 10px;
}
.parcelas-produto .accordion {
border-radius: 10px;
}
.abas-custom .tab-content {
border-radius: 15px;
}
.produto .conteiner-imagem > div {
border: none;
}
.parcelas-produto .accordion .accordion-group .accordion-heading img {
border-radius: inherit;
}
.acao-editar>div * {
border-radius: 10px;
}
.finalizar-compra .caixa-sombreada {
border-radius: 20px;
}
.tabela-carrinho tr {
border-radius: 15px;
}
.carrinho-checkout .atendimento {
border-radius: 15px;
}
.resumo-compra.caixa-sombreada {
border-radius: 15px;
}
.carrinho-checkout .atendimento .icone-box {
border: none;
}
.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .menu-simples li a:hover, .menu-simples li.active a {
border-radius: 10px;
}
.menu.superior .nivel-dois {
border-radius: 10px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.atalhos-mobile li {
border-radius: inherit;
}
.gateways-rodape li img {
border-radius: 0px;
}
" /* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #050505; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #ff00b7; }
/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; } "
.barra-inicial.fundo-secundario {
background: #fff !important;
}
.barra-inicial .icon-youtube:before {
content: “\f167”;
color: #000 !important;
}
.barra-inicial .icon-instagram:before {
content: “\f16d”;
color: #000;
}
.barra-inicial .icon-bold:before {
content: “\f032”;
color: #000 !important;
}
.carrinho>a>i.fundo-principal .icon .cls-1 {
fill: #000;
}
.carrinho .titulo.total-cart {
color: #000 !important;
}
div#cabecalho {
background-color: #fff !important;
}
#cabecalho .conteiner {
background-color: #fff !important;
}
.full.menu ul li a strong {
color: #000 !important;
}
.busca {
background-color: white !important;
border: 1px solid white !important;
}
.busca form {
border-color: white !important;
}
@media only screen and (max-width: 767px){
.conteudo-topo .busca-mobile {
border-color: white !important;
background-color: white !important;
}
}
.busca input {
border-color: white !important;
}
#rodape .sobre-loja-rodape .titulo {
font-size: 0;
}
#rodape .sobre-loja-rodape .titulo::before {
content: ‘Baby Charme’;
font-size: 16px;
}
4 curtidas
Muuuuuito obrigado @baby_charme , as primeiras linhas eram exatamente o que eu estava procurando!
Também sou basicamente leigo em CSS, e comecei a estudar justamente para poder me virar um pouco nos ajustes do site, hehe.
Muito obrigado. Vou aproveitar e estudar o restante do css, pois gostei de como seu site está! Parabéns e obrigado!
Espero ter dado certo amigão! SUCESSO nas VENDAS.
Olá, também estou tentando alterar a cor do menu, tentei uma grande variedade de códigos que encontrei aqui em vários tópicos e ainda não consegui alterar a cor da fonte do menu, consegui mudar a cor de fundo, mas a fonte nenhum código conseguiu alterar.
Queria deixar o fundo branco, com a fonte em preto. O fundo consegui mudar, mas nada da fonte.
site: https://www.renataamantino.com.br
Alguém poderia me ajuar, por favor?
@mldesign, ve se lhe ajuda 
.full.menu .nivel-um>li>a>.titulo {
color: #9e1030 !important;
}
Deu certo, muito obrigada! Ele mudou no pc, mas na versão mobile não alterou, seria um outro código?
E qual seria o código para o submenu, por favor? tentei substituindo por dois e não deu certo rs:
" .full.menu .nivel-dois>li>a>.titulo {
color: #000000 !important;
} "
@mldesign alterar a cor no mobile, creio que seja da categorias e menus… Minha Conta e meu Carrinho
@media only screen and (max-width: 767px){
/Cor categorias/
.conteudo-topo .menu.superior.visible-phone:before {
color: #ff0000 !important;
}
/Cor categoria/
.visible-phone ul li strong {
color: #000000 !important;
}
/Cor Minha conta e Meu carrinho/
.visible-phone ul li a {
color: #000000 !important;
}
}
/* Cor Submenu */
.full.menu .nivel-dois li a {
color: #ff0000 !important;
}
Muito obrigada pela resposta, infelizmente esses códigos não alteraram, nem a fonte do submenu no pc, nem a cor da fonte no menu do celular 
Prezados
como adicionar um botão clicável de whatsapp embaixo do botão de compras no meu site?
O painel permite inserir html apenas no Rodapé e no Cabeçalho
Acredito que eu preciso de algum comando CSS para puxar este html do rodapé para outra posição desejada… mas desconheço essa função. Não achei nenhum tutorial.
Alguém poderia me instruir como funciona a função after e before do css para eu inserir este botão?
Conto com vcs! obrigado