Como estilizar caixas de categorias?

Eu expandi as caixas para ocupar toda a largura, para simplificar a experiência do usuário.

Mas o que me dificulta é alinhar os títulos e as descrições à esquerda.

Qual seletor é responsável pelo alinhamento do texto?

1 curtida

Então… ninguém?

Você tentou descobrir por conta própria?
Making custom CSS changes on your site explica como você pode encontrar seletores usando a ferramenta de inspeção do seu navegador.

Por exemplo, usar “inspecionar” no nome da categoria já leva você para
image
Quando você clica no triângulo, pode ver

Parece que

.category-boxes h3 {
    text-align: center;
}

é o CSS que você quer sobrescrever.
Você pode encontrar a descrição logo abaixo

3 curtidas

Claro que tentei.

O problema é que algo está bloqueando.

text-align: left !important não traz nenhum resultado visível.

Quando tento
text-align: center; text-indent: -100px; ele move o texto como esperado.

É aí que estou travado.

em CSS comum de um tema ou componente de tema:

.category-boxes .description,
.category-boxes h3 {
    text-align: left;
}

captura de tela do resultado:

1 curtida