Text mit Symbol, Bild verkleinern ?

[selmanserin]

Hallo zusammen,

ich brauche mal wieder eure Hilfe. Ich möchte gerne die Symbole mit Text verkleinern, wie auf dem Bild zu sehen ist. Ich habe bereits verschiedene Größen ausprobiert, aber leider ohne Erfolg. Gibt es vielleicht eine App oder einen Tipp, wie ich das Problem lösen kann? Das erste Bild zeigt die gewünschte Größe der Symbole und das zweite Bild zeigt meine aktuellen Symbole.

Vielen Dank im Voraus für eure Unterstützung!

 

 

[Gabe]

Hey @selmanserin 

Um die Größe der Symbole mit Text in deinem Shopify-Shop anzupassen, gibt es mehrere Ansätze, die du versuchen kannst. Eine spezielle App dafür kenne ich nicht, da solche Anpassungen meistens durch Änderungen im Theme-Code oder über CSS-Styles realisiert werden.

Im Theme Editor -> CSS anpassen -> die Größe über CSS anpassen. Hier ein allgemeines Beispiel:

.icon-class {
    width: 50px; /* oder eine andere Größe */
    height: 50px; /* oder eine andere Größe */
}

.icon-text-class {
    font-size: 14px; /* oder eine andere Schriftgröße */
}

Du müsstest die entsprechenden Klassen (icon-class und icon-text-class) durch die tatsächlichen Klassen ersetzen, die in deinem Theme verwendet werden. Diese CSS-Anpassungen kannst du in die CSS-Datei deines Themes einfügen. Dies kann oft unter „Online-Store“ > „Themes“ > „Actions“ > „Edit Code“ > in der Datei theme.scss.liquid oder einer ähnlichen Datei gefunden werden.

Wenn du es selber auf deiner XXXXseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das obige ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

---
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.