Olá! Gostaria de se possível ajuda para os seguintes temas:
1 - Como remover os espaçamentos em vermelho nas imagens?
2 - Como centralizar o menu superior?
3 - Não sei porque mas o Banner de Tarja nativo não aparece na minha loja na página inicial, como adicionar um via código?
Muito obrigada!
Muito obrigada Leonardo!
Já testei aqui e funcionou direitinho 
Você acha que os outros são muito complicados? 
Não entendo nada de CSS
Caso queira ver o endereço do site é esse: https://www.cheirinhogostosovelas.com.br/
Muito obrigada de novo 
diminuir um pouco
.g_ .listagem .titulo-categoria{
margin: 0;
}
.listagem .listagem-linha:first-child {
padding: 0;
}
.g_ .pagina-categoria .listagem-linha .row-fluid>li,
.g_ .pagina-inicial .listagem-linha>ul>li {
margin-bottom: 0;
}
Você é demais! Já melhorou absurdamente!! Dos espaçamentos acredito que o único que faltou ser ajustado é entre o último item e o sobre a loja.
Muito obrigada!
.g_ #rodape .institucional {
padding: 0;
}
.g_ #rodape .pagamento-selos {
padding: 0;
}
.g_ #rodape>div:last-child {
padding: 0;
Muito obrigada! Os espaçamentos estão perfeitos!!
Única coisa que faltou é se teria como adicionar um Banner Tarja entre os Mini Banners e a primeira categoria da vitrine via código.
Não sei porque em qualquer página de categoria que tenham 4 produtos, eles ficam colados assim. Saberia dizer se é preciso um ajuste em CSS para corrigir? Isso já vinha acontecendo antes dos códigos que você me passou aqui.
Mais uma vez, muito obrigada pela sua ajuda!!
.g_ body {
overflow-x: auto;
}
.g_ .pagina-categoria .listagem-linha .row-fluid [class*=span]:nth-child(3n+4) {
margin-left: 2.127659574468085%;
}
@media (min-width: 1200px){
.g_ .pagina-categoria .listagem-linha .row-fluid [class*=span]:nth-child(3n+4) {
margin-left: 2.564102564102564%;
}
}
@media (min-width: 768px) and (max-width: 979px){
.g_ .pagina-categoria .listagem-linha .row-fluid [class*=span]:nth-child(3n+4) {
margin-left: 2.7624309392265194%;
}
}
Muito obrigada Leonardo! Você é um anjo!!
Desculpe solicitar mais coisas, se não puder ajudar mais tudo bem, já me ajudou muito!
Passando para a página de produto, queria tentar se possível fazer essas três coisas:
Mais uma vez muito obrigada por tudo! (E desculpe pelo imenso trabalho)
Link do produto da print: https://www.cheirinhogostosovelas.com.br/vela-e-facil-enxergar
BOTÃO:
.g_ #formCalcularCep .btn,
.g_ .pagina-carrinho .acao-editar a.botao {
background-color: #18AF9D!important;
color: #fff;
}
Descrição:
<style>
.g_ .produto > .row-fluid > .span7 > .span12:before {
content: "Descrição";
color: var(--tc1);
font-weight: 500;
font-size: var(--fs22);
margin: 2rem 0 2rem 0;
display: block;
}
</style>
<script>
$(function(){
//descricao
$('.produto-thumbs.thumbs-horizontal.hide').after($('.row-fluid > .span12:has( > .abas-custom #descricao)'));
//estoque
$('span.cor-secundaria.disponibilidade-produto').each(function(i,e){
e=$(e);
e.html(e.html().replaceAll('Estoque:', 'O Que quiser:'));
})
//aviso
$('.aviso-disponibilidade.hide.cor-principal').text('O que Quiser Colocar ');
})
</script>
Muito Obrigada! Ficou ótimo!
É possível fazer as parcelas sempre aparecerem, sem ter que passar o mouse em cima igual no exemplo abaixo? Gostaria que o botão “Ver Mais” continuasse aparecendo só quando passa o mouse, mas o valor parcelado gostaria que sempre ficasse visível, independente do mouse estar em cima ou não.
Muito obrigada!!
Oii Leonardo, tudo bom?
Agora que notei que após esse último código está acontecendo o seguinte:
Em produtos que possuem mais de uma foto, a descrição continua lá em baixo como se não tivesse o código. (Exemplo na 1º Imagem)
E em produtos que tem apenas uma foto daí a descrição sobe certinho, mas lá em baixo depois do frete o título “Descrição”, continua aparecendo. (Exemplo na 2º Imagem)
Muito obrigada mais uma vez!
1º Imagem
2º Imagem:
acerte a linha de código que passei que está assim
$('.produto-thumbs.thumbs-horizontal.hide').after($('.row-fluid > .span12:has( > .abas-custom #descricao)'));
para
$('.produto-thumbs.thumbs-horizontal').after($('.row-fluid > .span12:has( > .abas-custom #descricao)'));
para acertar o “Descrição” duplicado, pode usar esse CSS.
.g_ .secao-principal.row-fluid>.produto>.row-fluid:nth-child(4):before {
content: ""!important;
}
para ficar fixo, mostra o parcelamento.
.g_ .listagem .preco-produto .preco-parcela {
opacity: 1;
}
Muito obrigada! Deu certo =D
Gostaria de saber se é possível fazer com que o aviso de frete grátis calcule pelo valor do Subtotal ao invés do Total. Pois a configuração de frete grátis da LI calcula pelo Subtotal, daí está dando essa divergência como na imagem 1, onde o Subtotal já atingiu os 120,00 mínimos para conceder o frete mas o total não por causa do cupom.
Também gostaria de saber se é possível fazer o alinhamento das coisas para o centro no mobile, como pode ver na 2ª Imagem quase todos estão para esquerda, os valores para pagamento para direita no caso da página de carrinho, o título da loja também não está no centro…
Através das soluções que já me enviou, tenho tentado entender um pouquinho do CSS (para te encher menos as paciências kk), para melhorar alguns espaçamentos e alinhamentos e alguns até consegui sem que prejudicasse a visualização no desktop ou mobile, mas não faço a menor ideia de como alterar para que mude no celular mas não mude no desktop e vice-versa.
Você poderia mandar a solução para está página de carrinho e o logo da loja? Vou continuar tentando replicar onde mais ver que precisa de correção.
Muito obrigada como sempre!! E desculpe o trabalho como sempre.
1ª Imagem:
2ª Imagem
essa correção precisa ser feito no aplicativo de frete gratis, somente usando outro aplicativo para fazer corretamente ou abrindo um chamado no LI/dono do plugin mostrando o problema.
