Boa Tarde, tudo bom?
Estou com um problema no meu site, eu fiz a alteração de todas as cores e na versão mobile não está aparecendo os icones do cabeçalho topo (não sei o nome)
Meu site está assim:
Gostaria de alterar a cor desses icones para Preto (Eles não estão aparecendo, pois estão brancos).
Como devo proceder?
Esses são os códigos que estão no meu CSS
/* cor da conta e meu carrinho */
.conteudo-topo .menu.superior.visible-phone ul.action-links li a {
color: #000000;
}
/* 2 produtos por grade */
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
/* Para centralizar o preço */
.listagem .listagem-item{text-align:center}
/* remover botão compartilhar */
.produto-compartilhar {
display: none !important;
}
/* Remover setas banner full */
@media screen and (max-width: 767px){
ul.flex-direction-nav {
display: none;
}
}
/* CABECALHO/
/ icone das redes sociais, canais de contato */
.barra-inicial .lista-redes [class^=icon],
.barra-inicial .canais-contato ul li a, .barra-inicial .canais-contato ul li span,
.barra-inicial .top-actions .top-action-item a,.barra-inicial .canais-contato ul li:after {
color: #000000;
}
/* altera cor dos icones do Fale Conosco Meus favoritos Rastreie seu pedido no topo */
.barra-inicial .top-actions .top-action-item a .icon{
fill:#000000;
}
/* fundo do cabecalho no mobile e desktop */
#cabecalho, .barra-inicial {
background: #ffffff;
}
/* cor do icones da Minha Conta, carrinho */
#cabecalho .actions>li>a .icon .a, #cabecalho .carrinho>a i .icon {
fill: #000000;
}
/* cor minha conta e total do carrinho */
#cabecalho .actions>li>a, #cabecalho .carrinho .wrap .total-cart{
color: #000000;
}
/* bolinha da quantidade de produto no carrinho */
#cabecalho .carrinho .qtd-carrinho{
background: #e9e9e9;
border-color: #000000;
}
/* borda interna do carrinho */
#cabecalho .carrinho .carrinho-interno.borda-principal {
border-top-color: #000000
}
/* nome do produto na interna do carrinho */
#cabecalho .carrinho .carrinho-interno .nome-produto {
color: #000000;
}
/* altera cor de fundo do menu e meu fixo */
.full.menu {
background: #ffffff;
}
/* cor da borda superior no menu e borda do menu com hover*/
.full.menu .conteiner, .full.menu .nivel-um>li:hover {
border-color: #9e9e9e;
}
/* letras do menu */
.full.menu .nivel-um>li>a>.titulo {
color: #000000;
}
/* letras das subcategorias */
.full.menu .nivel-dois li a{
color: #000000;
}
/* linhas do menu fixo */
#cabecalho.fixed .open-menu .line{
background: #000000;
}
body,
.titulo,
.full.menu .nivel-um .titulo,
.coluna div.componente.newsletter .texto-newsletter{
font-family: ‘Lato’;
}
Meu site é www.sejaestrelado.com.br
Agradeço muito quem puder me ajudar nisso.
