Olá, Consegui mudar o icone do carrinho, agora quero tirar a mensagem que tem “Meu carrinho” e “Item adicionado” e deixar só o numero tipo 0,1,2,3 (produtos) e ai do lado do carrinho quero deixar só o icone também do “minha conta” e também só “meus pedidos” todos sem bordas
Meu site: https://www.gamersbr.lojaintegrada.com.br
1 curtida
@Estenio_Placido Boa noite. Fiz alguns ajustes retirando a descrição "Produto adicionado " e ajustando as posições e tamanho dos ícones da conta sem as bordas azuis, basta aplicar inserindo dentro do seu painel CSS e veja se fica ao seu agrado! Segue print abaixo de como ficaria. Caso ainda deseje mudar algo, é só retornar que tento ajudar!
/* Retira a mensagem de “Carrinho vazio” */
.carrinho.vazio>a span {
display: none;
}
/* Retira mensagem de “Produto adicionado” */
.carrinho>a span {
display: none;
}
/* Ajusta tamanho da seção do Carrinho */
.carrinho {
width: 90px;
}
.carrinho>a strong {
margin: 0 15%;
color: #18a3ff;
}
/* Ajusta e personaliza cores dos ícones da conta e Meus pedidos */
.acoes-conta {
float: right;
top: 65px;
position: relative;
left: -50px;
}
.acoes-conta li>* {
display: none;
}
.acoes-conta>li i {
background: transparent;
}
.icon-list:before {
font-size: 30px;
color: #00a3ff;
}
.icon-user:before {
font-size: 30px;
color: #00a3ff;
padding-left: 10px;
}
1 curtida
Consegui configurar mas ainda tem alguns bugs, olha: http://prntscr.com/iuesue e quando eu clico nos icones que o codigo que você me mandou fez não acontece nada olha: http://prntscr.com/iuet7g
e eu gostaria de tirar as bordas invisíveis do carrinho e se possivei deixas os 3 icones todos alinhados iguais.
e também si possivel mudar a cor do numero de produtos quero deixar tudo preto kkk
Mesmo assim muito obrigado, já ajudou muito ! muito mesmo
e como eu mudo os icones ? quero deixar uns icones mais bonitinhos kkk, se possivel claro
na verdade, a dos meus pedidos não é tão importante, queria tipo a desse site olha: https://www.bestgamers.com.br
Muitooo obrigado!!!
Peguei esse código e fiz algumas alterações pra deixar com a cara da minha loja!! A muito tempo eu estava procurando isso, mas não achava!!
Queria mais duas ajuda se possível:
1 - Tirar a barra do topo onde tem os contatos;
2 - Tirar a frase “Bem-vindo, identifique-se para fazer pedidos” eu tentei tirar, mas quando tiro sai também os links de pedidos e de login.
Olá! gostaría de saber como você tirou o quadrado do carrinho de compras? Agradeço muito sua ajuda.
https://luminosarte.lojaintegrada.com.br/
Boa tarde, tudo que conheço de css foi testando na minha loja e observando aqui, mas vê se esse código vai funcionar!
.fundo-principal, .fundo-principal *, .fundo-principal *:hover, .fundo-principal:hover, .fundo-principal.botao:hover {
color: #c0b283;
}
.acoes-conta li>* {
color: #c0b283;
}
.acoes-conta>li i {
background: none;
}
.carrinho>a>* {
color: #c0b283;
}
.carrinho>a i {
background: none;
}
.carrinho {
border-width: 0px;
}
4 curtidas
Muito Obrigada! Deu certo sim! Por acaso você sabe se tem como diminuir o buscador também? E tal vez colocar os dois mais para a direita? Obrigada!
Como eu disse não sei muito bem css, acho que nessa não vou poder ajudar!
mas tenta isso e ve se funciona pelo menos pra diminuir!
.conteudo-topo .busca input {
width: 80%;
}
.conteudo-topo .busca button {
right: 100px;
}
1 curtida
Estou com o mesmo problema as palavras Meus Pedidos Minha Conta saíram ok, mas os icones estão sem link, alguém consegue colocar os links nos icones desses dois?
Pra te ajudar consegui colocar os links
Basta inserir esse script em Incluir código html!
<script type="text/javascript">
$("i.icon-list").click(function(){ window.location = "/conta/pedido/listar"});
$("i.icon-user").click(function(){ window.location = "/conta/index"});
</script>
1 curtida
Alguem sabe como resolver o problema dos icones?
Na imagem abaixo, eles estao no meio da tela, gostaria de tudo para direita.
E como troco os icones?
meuuu muito obrigada você é demais, tava muito querendo mudar assim
1 curtida
Oi, saberia como tirar esse retangulo em volta do carrinho?
CSS:
.carrinho {
border-style: none;
}
Muito obrigadaaaaaa!!
