¿Cómo estilizar las cajas de categoría?

He expandido los cuadros para que ocupen todo el ancho, para simplificar la experiencia del usuario.

Pero lo que me cuesta es alinear los encabezados y las descripciones a la izquierda.

¿Qué selector es responsable de la alineación del texto?

1 me gusta

¿Entonces… nadie?

¿Intentaste averiguarlo tú mismo?
Making custom CSS changes on your site explica cómo puedes encontrar selectores usando la herramienta de inspección de tu navegador.

Por ejemplo, usar “inspeccionar” en el nombre de la categoría ya te lleva a
image
Cuando haces clic en el triángulo, puedes ver

Parece que

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

es el CSS que quieres sobrescribir.
Puedes encontrar la descripción justo debajo

3 Me gusta

Por supuesto que lo hice.

El problema es que algo lo está bloqueando.

text-align: left !important no produce ningún resultado visible.

Cuando intento

text-align: center; text-indent: -100px;

mueve el texto como se esperaba.

Ahí es donde me he atascado.

en CSS común de un tema o componente de tema:

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

captura de pantalla del resultado:

1 me gusta