Oi pessoal, tudo bem?
Estou passando pela seguinte situação: meu site estava perfeito, venho construindo ele há algum tempo, e ao entrar percebi que alguns ícones e configurações que eu havia feito e não havia mexido estavam desconfiguradas. Mesmo eu apagando os códigos css e inserindo novamente as cores dos ícones não seguem os códigos e ficam inalteráveis. Outra coisa que mudou foi a cor dos botões que na configuração da LI estão de acordo com o que eu havia selecionado, mas no site estão com outra. Ou seja, não estão seguindo o que eu selecionei no campo do Visual da Loja. Alguém pode/sabe me ajudar, por gentileza? Tô muito chateada e não sei mais o que fazer, foi um trabalho de meses. Estava tudo top e do nada toda essa mudança. Obrigada pela atenção.
1 curtida
qual o endereço de manutenção do seu site?
qual parte está desconfigurada?
A cor do ícone dos favoritos, o pra entrar em contato, o entre ou cadastre-se ali em cima, do departamento, a bordinha do menu do departamento, a cor do menu das outras informações de menu ao lado de departamento, a cor dos preços, dos botões, da cor de fundo do site, do saiba mais, dos ícones de atendimento na parte de baixo… :(((
como nao sei como era antes, realmente nao sei como ajudar.
Obrigada pela boa vontade em ajudar, Leo. O que eu tô achando super estranho é que as próprias configurações dentro do “Visual da loja” na plataforma estão todas corretas lá, mas aparecendo diferente no site. Então nem se trata somente um possível erro de código css, mas da configuração interna não estar seguindo as opções salvas de preferência. Espero que eu consiga resolver, valeu!!
tem como mandar o nome do tema ou o link da loja demo?
exemplo:
1 curtida
Olá, seu problema está no código que você inseriu no CSS.
Vou colocar abaixo a partir de onde você deve começar a modificar seu código.
Testei aqui e funcionou corretamente:
/*bolinha carrossel atendimento*/
@media only screen and (max-width: 767px){
#atedimento .contact ul.slick-dots li.slick-active button {
background: #22a3ba;
}
}
/* Tamanho da Logo */
.logo img {max-height: 10% !important;}
/*cores mobile*/
/*icone carrinho*/
@media only screen and (max-width: 767px){
.caixa-mobile>a {
color: #22a3ba;
}
}
/*bolinha carrossel atendimento*/
@media only screen and (max-width: 767px){
#atedimento .contact ul.slick-dots li.slick-active button {
background: #22a3ba;
}
}
/*bolinha carrossel vitrine*/
@media only screen and (max-width: 767px){
.listagem-linha .slick-dots li.slick-active button {
background: #22a3ba;
}
}
/*bolinha carrossel banner tarja*/
@media only screen and (max-width: 767px){
.banner.tarjamobile .banners li.slick-active button {
background: #22a3ba;
}
}
/*bolinha carrossel full banner*/
@media only screen and (max-width: 767px){
.fullbanner-mobile .banners ul li.slick-active button {
background: #22a3ba;
}
}
/*botao sair menu*/
@media only screen and (max-width: 767px){
.conteudo-topo .menu.superior .menu-close:after {
background: #22a3ba;
}
}
/*menu mobile*/
@media only screen and (max-width: 767px){
.atalhos-mobile .atalho-menu {
color: #22a3ba;
}
}
.componente {
background-color: white;
}
#menu-institucional .nivel-um .offers a strong {
font-size: 14px;}
#menu-institucional .nivel-um li a {
font-size: 13px;}
/*botao meus pedidos*/
@media only screen and (max-width: 767px){
.action-links li:nth-child(2) {
background: #22a3ba;
}
}
.menu .titulo {
display: inline-block;
white-space: normal;
font-size: 14px;
}
/*hover subcategorias menu*/
.menu.superior .mega-categorias li a:hover {
color: #22a3ba;
}
/*hover categorias menu departamentos*/
.menu.superior .nivel-um .all-categories .nivel-dois li:hover strong {
color: #22a3ba;
}
/*fonte ofertas do dia*/
#menu-institucional .nivel-um>li.offers.com-filho a strong {
color: #D649CB;
}
/*fonte paginas extras menu institucional*/
#menu-institucional .nivel-um li a {
color: #000000;
}
/*cores mobile*/
/*icone carrinho*/
@media only screen and (max-width: 767px){
.caixa-mobile>a:hover {
color: #22a3ba;
}
}
/*icones favoritos e atendimento*/
@media only screen and (max-width: 767px){
.atalhos-mobile ul li svg path {
fill: #22a3ba;
}
}
/*borda cupom de desconto*/
@media only screen and (max-width: 767px){
.caixa1 {
border-color: #22a3ba;
}
}
/*fonte cupom de desconto*/
@media only screen and (max-width: 767px){
.caixa1 span:hover {
color: #000000;
}
.caixa1>span {
color: #22a3ba;
}
}
/*icone cupom*/
@media only screen and (max-width: 767px){
.caixa1 span svg path {
fill: #22a3ba;
}
}
/*preco total carrinho*/
span.carrino-total strong.titulo.cor-principal {
color: #000000;
}
/*precos pagina carrinho*/
.tabela-carrinho .preco-produto .preco-promocional {
color: #000000;
}
/*icone barra newslletter*/
#barraNewsletter .componente .titulo svg path {
fill: #22a3ba;
}
/*hover subcategorias menu*/
.menu.superior .mega-categorias li a:hover {
color: #000000;
}
/*hover categorias menu departamentos*/
.menu.superior .nivel-um .all-categories .nivel-dois li:hover strong {
color: #22a3ba;
}
/*icone menu departamentos*/
.all-categories .titulo svg rect {
fill: #22a3ba;
}
/*icone open menu*/
#barraTopo .busca-mobile .open-menu svg path {
fill: #22a3ba;
}
/*icone entre ou cadastre-se*/
.login .icon path {
fill: #22a3ba;
}
/*icone favoritos e atendimento cabecalho*/
.inferior .acoes-conta li path {
fill: #22a3ba;
}
/*icone carrinho*/
.carrinho.carrinho-manipula a i {
color: #22a3ba;
}
/*quantidade carrinho cobecalho*/
.carrinho.carrinho-manipula strong.qtd-carrinho {
background: #D649CB;
}
/*fonte cupom de desconto* */
.caixa1 span {
color: #000000;
}
/*icone cupom de desconto**/
.caixa1 span svg path {
fill: #22a3ba;
}
/*borda cupom de desconto*/
.caixa1 {
border-color: #22a3ba;
}
/*topo*/
.links-rodape-atendimento .tel-skype {
display: none;
}
/*rodape*/
.support-items .tel-skype {
display: none;
}
/*fale conosco*/
#modalContato > form > div > div > div:nth-child(2) > table > tbody > tr:nth-child(5) {
display: none;
}
/*atendimento checkout*/
.carrinho-checkout .atendimento li:nth-child(4) {
display: none;
}
Vá comentando o código e perceberá que o erro some.
Espero ter ajudado.
3 curtidas
Oii, Maurício! Tudo bem? Obrigadão por tentar me ajudar! 
As vezes que tive algum problema desse tipo eu sempre voltei atrás e apaguei algum código e o site voltou a formatação certa, mas não dessa vez. Mesmo tendo apagado e colocado de novo, e mesmo agora copiando os códigos que você me mandou não deu certo. Por exemplo, todos os meus ícones estavam em verde na cor #22a3ba, e não em rosa que nem mostra na imagem que você me enviou. A própria configuração da cor de fundo e de botões que eu escolhi na parte “Visual da loja” se perdeu também, mesmo estando configurado certo na plataforma, na hora de aparecer no site muda. Não sei o que aconteceu, foi de uma hora pra outra. De qualquer forma, muito obrigada pela sua ajuda, tempo e energia, viu?! Abração.
1 curtida
Olá bom dia, acho que você não entendeu.
O Código que coloquei na postagem é onde começa o erro no seu código e por isso informei ele… a partir dele vc deve começar a excluir ou corrigir para que o seu layout volte ao normal. então pegue um a um e vá removendo.
Por exemplo remova um e teste… depois remova outro… e teste… e assim por diante.
Espero ter ajudado.
Eu fiz isso, já fui até a metade e nada.
Tanto a própria configuração do site feita lá no “visual da loja” também não está puxando certo, meus botões e cor de fundo estão com outras cores. Por isso voltei a deixar como estava, pois não resolveu. 
Oi, Maurício!!
Descobri que foi porque a empresa parceira de temas realizou uma atualização que mudou os códigos, por isso tudo se desconfigurou. Obrigada novamente por sua ajuda.
1 curtida
Oi, Leo!!
Descobri que foi porque a empresa parceira de temas realizou uma atualização que mudou os códigos, por isso tudo se desconfigurou. Obrigada novamente por tentar ajudar.
1 curtida
ótimo que bom que resolveu… maravilha
1 curtida
