Diminuir espaçamento entre produtos | Xtech Family
Diminuir espaçamento entre produtos
mypantoo last edited by
É possível diminuir o espaçamento vertical entre os produtos?
Bem @mypantoo, se diminuir o botão comprar que aparece quando vc passa o mouse em cima, vai sobre sair em cima do produto de baixo. o que vc pode fazer é apagar um código que fica no listing_product.html ou ocultar por CSS (que fica no application.css) que vc pode remover essa altura. Tem tb esse print explicando o que fiz:
Grande Charles, obrigado pela ajuda.
Realmente gostaria de manter 3 produtos por linha, no formato quadrado, como já está.
Somente o espaçamento entre o nome do produto, o valor e o botão "ver produto" que gostaria de diminuir para que a fileira de baixo ficasse um pouco mais próxima.
Em outra página do site, o espaçamento ficou ainda mais exagerado. olha só:
não entendo muito de programação, será que você pode apontar o código para ver se consigo ajustar esse detalhe?
Olá @mypantoo, então vou deixar um print mostrando para vc add um código q vai aproximar mais as as imagens, só para diminuir um pouco a distância do espaçamento q fica entre as linhas dos produtos:
Para entrar nessa página de códigos da loja é só ir no painel admin da loja e no menu, vai em Layout > Editor de tema e depois na outra página, abaixo da imagem do tema, tem um link AÇÕES, então clique nesse link e depois clique em Editar HTML, para entrar na página de códigos.
Esse é o código para vc colar como no print: background-size: cover !important;
Funcionou! Adicionei o código que você falou e diminui a altura no "editar layout" de 300 para 200 e ficou bem melhor!
O site está praticamente como imaginei... a única coisa que gostaria de mudar é a cor do X que fica em vermelho no carrinho de compras (para excluir o produto). Sinto que chama mais atenção que todo o resto.
Essa alteração é muito complexa de fazer?
Olá @mypantoo o processo anterior que vc fez para alterar a distância será o mesmo que vc vai var para a alterar a cor do botão, então segue o print explicando o que fazer, lembrando q o processo é o mesmo q foi feito anteriormente:
Otimo! consegui.
Tive que alterar a cor na pasta Bootstrap.min.css mas deu certo.
Nesse outro caso, indica que o código está na pasta pantufa:418
Queria mudar a barra preta "filtrar por" para o verde escuro do site
tentei mudar na pasta application.css mas nada acontece...
consegue me ajudar com mais essa?
Olá @mypantoo, isso que mostra pantufa:418 é porque ele está na própria página do site ou no próprio arquivo de origem que seria a página da loja mesmo, ou seja, o código não tá num arquivo externo, ele está dentro do próprio código na tag <head>.
Quando vc não o encontra no código application.css é pq ele está sendo usando no Editar Layout (menu Layout > editor de tema) do admin, como no print abaixo: