Mudar contorno caixas de produtos

Boa noite! Alguém sabe como alterar o contorno da caixa que fica em torno dos produtos. Meu tema é o galeria e a caixa nativa é uma linha grossa…gostaria de um traço mais fino, discreto.
Agradeço muito, desde já

Para mudar a espessura da borda é só trocar onde tem 1px e 5px, as cores muda também para uma que te agradar só procurar por “cores html”

.listagem.com-caixa .listagem-item .acoes-produto {
  border: 1px solid #000000 !important;
}

.listagem.com-caixa .listagem-item {
  border: 5px solid #000000 !important;
}
3 curtidas

Perfeito! Funcionou sim!! Muito obrigada Mateus!
Percebi que no mobile as bordas ficam arredondadas e com espaçamento entre produtos. Na web não, as caixas são quadradas e ficam coladas. Sabe se tem como padronizar como na web ou é assim mesmo?

Na verdade foi um erro meu! Um dos códigos que te passei anteriormente esqueci de colocar somente para mobile. No caso o certo para as categorias no desktop, é que liste 4 produtos por linha, mas o CSS do mobile como ficou fora do @media, está impactando também no desktop.

@media screen and (max-width: 767px) {
    body:not(.pagina-inicial) .listagem-linha > ul {
        display: flex;
        flex-wrap: wrap;
    }

    body:not(.pagina-inicial) .listagem-linha > ul > li.span3 {
        width: 50%;
        padding: 10px;
    }

    body:not(.pagina-inicial) .listagem-item {
        width: 100%;
    }
}


Você quer os produtos juntos ou com separação?

1 curtida

Ahh compreendi! Sem problemas!
Gostaria separados e se possível, arredondados como estava aparecendo no mobile que enviei.
Na vdd, na vitrine web eles apareceram com afastamento, apenas nas categorias que não. Mas se não for possivel arredondar na web não tem problema, só de afastar já “limpa um pouco”

Só mudar as métricas conforme quiser (alterando os valores)

@media screen and (min-width: 767px) {
    .listagem.com-caixa .listagem-linha ul li {
        padding: 10px 10px;
    }

    .listagem.com-caixa .listagem-item {
        border: 1px solid #EDEDED !important;
        border-radius: 10px;
    }
}

2 curtidas

Precisão cirúrgica, maais uma vez!! Muito obrigada Mateus!! Que Deus abençoe grandemente sempre teu trabalho e tua vida! :dizzy:

1 curtida

Parabens irmao, perdi as contas de quantos topicos ja resolveu por aqui! Deus te abençoe abundantemente e por favor já faça um canal no youtube e uma mentoria rs ninguem traduz a LI como você, pensa nisso!

3 curtidas