Come stilizzare le scatole delle categorie?

[ludwikc (Ludwik C. Siadlak)]

Ho ampliato le caselle per occupare l’intera larghezza, per semplificare l’UX.

Ma quello con cui lotto è allineare le intestazioni e le descrizioni a sinistra.

Quale selettore è responsabile dell’allineamento del testo?

[ludwikc (Ludwik C. Siadlak)]

Quindi… nessuno?

[Moin]

Hai provato a scoprirlo da solo?
Making custom CSS changes on your site spiega come puoi trovare i selettori usando lo strumento di ispezione del tuo browser.

Ad esempio, usando “ispeziona” sul nome della categoria ti porta già a

Quando fai clic sul triangolo, puoi vedere

Sembra che

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

sia il CSS che vuoi sovrascrivere.
Puoi trovare la descrizione subito sotto

[ludwikc (Ludwik C. Siadlak)]

@Moin

Hai provato a scoprirlo da solo?

Certo che l’ho fatto.
La cosa è che c’è qualcosa che lo blocca.
text-align: left !important non porta alcun risultato visibile.
Quando provo
text-align: center; text-indent: -100px; sposta il testo come previsto.
È qui che sono bloccato.

[Lilly (Lillian Louis)]

in common css of a theme or theme component:

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

sceenshot of result: