Hey Niels! @Clic-Trade
Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren. Hast du auch deine Theme Einstellungen und Doku durchgekämmt ob das nicht da möglich ist? Euer Theme kann ich auch aus deiner Beschreibung nicht entnehmen was hilfreich wäre das im eigenen Testshop zu prüfen und versuchen zu replizieren.
Wenn euer Theme die H-Überschriften per default zu klein darstellt dann müsste man das in der Theme Doku nachlesen oder die Theme Entwickler kontaktieren. Oder eben in so einem Fall oft zur Chrome Developer Console zurückgreifen muss um den CSS der genannten Stelle zu prüfen. Zum Thema H1 Überschriften haben wir auch bereits eine Reihe Threads hier in der Community hier und auch hier falls die euch weiterhelfen können.
Um die Größe der Bannertitel in deinem Shopify-Shop spezifisch zu ändern, ohne andere H-Überschriften zu beeinflussen, kannst du eben einen benutzerdefiniertes CSS verwenden. Du kannst das vorhandene CSS in deinem Shopify-Theme direkt im Theme Editor bearbeiten. Mehr dazu hier.
Shopify ermöglicht es also, benutzerdefiniertes CSS über den Theme-Editor hinzuzufügen. Hierbei kannst du das CSS entweder für das gesamte Theme oder für einen spezifischen Abschnitt hinzufügen. Nachdem du dich in deinem Shopify-Adminbereich angemeldet hast, navigierst du zu „Online Store“ > „Themes“, klickst auf „Customize“, dann auf „Theme settings“ und schließlich auf „Custom CSS“. Dort kannst du deinen Code eingeben und speichern.
Eine weitere Option ist, eine eigene CSS-Datei zu erstellen. Das hat den Vorteil, dass deine Anpassungen erhalten bleiben, auch wenn du das Theme wechselst. Dazu gehst du ebenfalls in den Bereich „Online Store“ > „Themes“ > „Actions“ > „Edit Code“ und klickst im „Assets“-Ordner auf „Add a new asset“. Hier kannst du eine neue Datei erstellen, beispielsweise custom.css. Anschließend musst du diese neue CSS-Datei in deinem Theme einbinden, indem du einen entsprechenden Link im <head>-Bereich der Datei theme.liquid hinzufügst.
In jedem Fall ist es wichtig, eine Sicherungskopie deines Themes zu erstellen, bevor du Änderungen vornimmst. So kannst du jederzeit zur vorherigen Version zurückkehren, falls etwas schiefgeht.
Für den spezifischen Code, den du benötigst, um nur die Größe der Bannertitel zu ändern, musst du den genauen CSS-Selektor für diese Titel in deinem Theme identifizieren. Dies könnte beispielsweise eine Klasse oder eine ID sein, die speziell für die Bannertitel verwendet wird. Der CSS-Code könnte dann so aussehen:
.klasse-oder-id-des-bannertitels {
font-size: größe; /* Ersetze 'größe' mit dem gewünschten Wert */
}
Ersetze .klasse-oder-id-des-bannertitels mit dem tatsächlichen Selektor deiner Bannertitel und größe mit dem gewünschten Schriftgrad.
Habt ihr auch den Shop auf die Weihnachtssaison umgestellt? Jetzt ist die Zeit wo Online Shopper nach
!

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.