Pessoal, o meu cabeçalho atual é o padrão da loja integrada.
Gostaria de alterar os ícones da esquerda, onde estão carrinho, minha conta e meus pedidos. Retirando o texto e deixando apenas os ícones um do lado do outro, de forma alinhada.
Ver exemplo:
Alguém pode me ajudar com um código para isso ?
Achei alguns espalhados, um fazia uma parte e outros outra parte, porém ao tentar aplicar tudo não deu muito certo.
Agradeço desde já.
Hoje o cabeçalho está assim.
Acho que não vai achar/conseguir nenhum código que faça essa modificação, por completo.
Para conseguir isso terá que comprar um tema ou contratar um programador.
Oi Leonardo, eu coloquei o exemplo e talvez você possa achar que eu quero mudar até os ícones.
Mas eu quero tirar os textos “Meus pedidos” “Minha conta” , e deixar apenas os ícones brancos sem o fundo amarelo. mas o ícone que já existe.
assim como o do carrinho, deixar só o ícone, sem essa barra com o texto carrinho vazio.
Mas enfim, de qualquer forma obrigada, vou vê o que posso fazer.
o problema é que para se fazer isso vai precisar de mais coisa.
.conteudo-topo ul.acoes-conta li a.cor-secundaria,
.conteudo-topo .carrinho .cor-secundaria
{
display: none;
}
.conteudo-topo .carrinho {
border-width: 0px;
}
agora precisa validar se vai dar certo em todas as páginas e com/sem item no carrinho na visão de computador e celular.
.conteudo-topo ul.acoes-conta li a.cor-secundaria,
.conteudo-topo .carrinho span.cor-secundaria,
.conteudo-topo .carrinho b.cor-secundaria,
.conteudo-topo .carrinho strong.cor-secundaria
{
display: none;
}
.conteudo-topo .carrinho {
border-width: 0px;
}
.conteudo-topo.span3.hidden-phone i.icon-shopping-cart.fundo-principal,
.conteudo-topo.span3.hidden-phone i.icon-list.fundo-principal,
.conteudo-topo.span3.hidden-phone i.icon-user.fundo-principal
{
background: red;
}
agora so precisa mudar o “red” para o codigo da cor que vc quer;