Preiszentrierung funktioniert nicht in Shopify Dawn-Theme

Deutsch Diskussion Technische Fragen & Antworten
, , ,

Topic summary

Ein Nutzer hatte Schwierigkeiten, den Preis im Shopify Dawn-Theme zu zentrieren. Trotz verschiedener Versuche mit Inline-Styles und CSS-Klassen blieb der Preis unverändert linksbündig.

Versuchte Lösungsansätze:

  • HTML-Code durchsucht und Zentrierungsstile hinzugefügt
  • Browsercache gelöscht und im Inkognito-Modus getestet
  • CSS-Code für Titelzentrierung angewendet (funktionierte)

Lösung:
Der Nutzer konnte das Problem selbstständig lösen mit folgendem CSS-Code:

.price {
  text-align: center;
}

Ein Community-Mitglied hatte zuvor vorgeschlagen, mit .price__container { text-align: center; } zu arbeiten oder einen zertifizierten Shopify-Experten zu konsultieren.

Status: Problem gelöst – die Preiszentrierung funktioniert nun einwandfrei.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

Hallo zusammen,

ich habe ein Problem mit der Zentrierung des Preises in meinem Shopify-Shop, der das Dawn-Theme verwendet. Ich habe versucht, den Preis sowohl über Inline-Stile als auch über eine CSS-Klasse zu zentrieren, jedoch ohne Erfolg.

Hier ist, was ich bisher versucht habe:

  1. Ich habe den HTML-Code durchsucht und versucht, den Preisbereich zu finden, um dort die Zentrierungsstile hinzuzufügen.

  2. Ich habe den Browsercache gelöscht und die Seite im Inkognito-Modus neu geladen, um sicherzustellen, dass die Änderungen sichtbar sind.

  3. Um Titel zentrieren zu können hab ich diesen code verwendet:

.full-unstyled-link {
text-decoration: none;
color: currentColor;
display: block;
text-align: center;

es hat geklappt. (siehe Bilde)

jetzt will ich Preis an titel anpassen und mittig zentrieren.

Trotz all dieser Bemühungen bleibt der Preis unverändert und nicht zentriert. Kann mir jemand dabei helfen, dieses Problem zu lösen?

Vielen Dank im Voraus für eure Hilfe!

Screenshot 2024-05-08 143155.png
Screenshot 2024-05-08 143155.png2103×1168 236 KB

2

Hey @globallysim

Um das Problem mit der Preiszentrierung im Dawn-Theme von Shopify zu beheben, empfehle ich letztendlich mit einem unserer zertifizierten Shopify Experten zu arbeiten die das in deinem Product Grid einbauen können.

Du könntest einen CSS-Code versuchen, der spezifisch auf die Preisklassen in deinem Shop abzielt:

.price__container {
  text-align: center;
}

Mehr dazu in unserer Anleitung hier.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:

Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

1 Like
3

Vielen Dank für die schnelle Antwort! Ich habe das Problem gelöst. Der folgende CSS-Code hat perfekt funktioniert:

.price {
text-align: center;
}

Nochmals vielen Dank für deine Hilfe!

1 Like
4

Super, freut mich! :wink:

1 Like