Neu H1 zentrieren

[Möfy]

Hallo zusammen

Ich steh grad wieder mal auf dem Schlauch.
Gerne möchte ich den Titel der jeweiligen Kategorie (gemäss Google Chrome -> H1) zentrieren.
Also gehe ich ins Child-Template und ergänze den Code wie folgt (Ergänzung in Rot):

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: $headings-margin-bottom;
font-family: $headings-font-family;
font-weight: $headings-font-weight;
line-height: $headings-line-height;
color: $headings-color;

}

.h1 {
text-align: center;
}

Allerdings tut sich dadurch absolut nichts.
Kann mir jemand sagen, wo ich den Fehler mache?
Website: https://gfe34c4045.jtl-shop.de/Wohnen


Meine alternative Idee, falls das nicht funktioniert, die H1 in der Hintergrundfarbe "unsichtbar" machen und mit der Box Überschrift die Titel jeweils via OnPageComposer neu zu platzieren.
Aber das erscheint mir sehr sehr nach einer Bastelstunde.
Danke bereits jetzt für die Unterstützung

 

[Möfy]

Problem gelöst.

 

[MirkoWK]

Hi,

schon ohne den . versucht? Mit ist es ja die Klasse h1 und nicht der Tag h1.

Viele Grüße
Mirko

 

[Möfy]

Hi,

schon ohne den . versucht? Mit ist es ja die Klasse h1 und nicht der Tag h1.

Viele Grüße
Mirko

Danke für deine schnelle Rückmeldung.
Ich habs nun so geschrieben und so funktioniert es:
.h1, .h2, {
text-align: center;
}