Centralizar as infos de categorias e de produtos na home

Layout
1

Pessoal, quero centralizar as “Categorias” na home e também deixar centralizado as informações dos produtos na home.

O que acontece é que: eu coloco o código para centralizar as informações dos produtos e dá certo. Mas quando eu coloco o código para centralizar as categorias na home, aí as infos dos produtos voltam a ficar alinhadas à esquerda. Parece que um atrapalha o outro.

Eu estou utilizando o seguinte código:

/Centralizar as categorias dos produtos na home/
.listagem .titulo-categoria {
display: block;
font-size: 22px;
margin: 40px 0 0;
padding: 10px 0;
transition: all .2s ease;
text-align: center;
}
/Centralizar as infos do produto na home/
.listagem .info-produto {
text-align: center;
}

Minha loja:

Como fazer para ambas informações fiquem centralizadas?

2

Olá acho que você já conseguiu, correto?

3

Maurício, ainda não.

Veja que na home, o nome da categoria, por exemplo “Mais vendidos”, ainda não está centralizado e com a fonte pequena.

As infos dos produtos na home estão centralizadas, isso deu certo.

1 curtida
4

Flávia, sua loja agora não está com as infos dos produtos alinhadas.
O código que colocou acima estava certo, ativando o código pelo inspecionar ele não conflitou com o título. Talvez fosse cache. Se quiser fazer um teste, adiciona o código de centralizar as infos do produto novamente, acessa a loja coloca um produto no carrinho e atualiza. (colocar o produto no carrinho serve pra ele tirar esse cache de CSS, na maioria das vezes funciona)

5

Olá veja se assim funciona para você:

.listagem .info-produto {
    padding: none !important;
    text-align: center;
}
2 curtidas