Liquid, JavaScript, Themes
Ich erstelle gerade meine „Über uns“ Seite jedoch hab ich immer diesen großen Abstand wenn der Satz in die nächste Zeile geht oder ich die Leertaste drücke um in die nächste Zeile zu gelangen.
Das Problem hab ich egal wo ich bei Shopify einen Text schreibe, immer ist dieser Abstand zu groß.
Wie kann ich diesen verringern? Bitte um dringende Hilfe.
Hey @HarunP_
Danke für das Bild und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren. In deinem Bild sehe ich aber eigentlich einen Text mit Zeilenumbruch wie er zu erwarten ist.
Eine weitere Frage wäre ob du den Text manuell in den RTE (rich text editor) tippst oder von woanders rein kopierst?
Kannst du mal den Zeilenumbruch mit der Eingabetaste und gleichzeitig die Umschalttaste gedrückt halten, machen? Und was siehst du wenn du in den HTML Editor gehst?
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Ich habe den Text eingefügt aber auch eingetippt und trotzdem ist der Abstand immer so groß.
Ist das Bild in Ordnung?
Kannst du anstatt <p> Tags, <br> Tags verwenden im obigen Bild?
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Soll ich diese alle manuell ändern?
Ändere mal ein paar an den Stellen die du ändern möchtest und schau was passiert.
Wie genau stellst du dir den Text vor denn für mich sieht er normal aus?
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Ich hätte einfach gerne nur das ich immer wenn ich einen Text schreibe, der nächste Satz nicht so einen großen Abstand hätte.
Ich sehe deine Website im Text als sweetsamurai.de - tolles Shop! Und da sieht die Über Uns Seite wie folgt aus, aber es ist nicht ganz klar was du meinst mit "immer wenn ich einen Text schreibe, der nächste Satz nicht so einen großen Abstand hätte".
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Vielen dank für das Kompliment!
Schau doch mal bitte in mein Impressum, dort ist das Beispiel besser! Man beachte meinen Namen, der Abstand ist zu groß und man kann diesen nicht verringern.
Es wäre super wenn du KEINEN Screenshot des Impressums hier hochladen würdest.
Gerne und ja, dein Impressum lassen wir hier aus. Du kannst im Leitfaden auch jederzeit bestimmte Angaben immer wieder löschen nachdem wir sie bearbeitet haben wenn du nicht möchtest, dass etwas hier in der Community angezeigt oder besprochen wird.
Ich habe jetzt versch. HTML Ressourcen im Internet untersucht wie unser toller W3Schools Tool den du auch verwenden kannst um deine Texte schöner zu gestalten. Um den Zeilenabstand oder die Zeilenhöhe zu verringern, kannst du etwas CSS zu deinem HTML-Code im RTE deiner Impressum Page hinzufügen. Die CSS-Eigenschaft, mit der du den Abstand zwischen den Zeilen festlegen kannst, heißt "Zeilenhöhe". Hier ist der Code dein Impressum Text einfügen kannst:
<style>
.compact-text p {
line-height: 1.2; /* passe diesen Wert an */
margin: 0; /* Standard-Absatzränder entfernen */
}
</style>
<div class="page" title="Page 1">
<div class="layoutArea">
<div class="column compact-text">
<p><strong>Gesetz***********:</strong></p>
<p><strong>Harun **** </strong></p>
<p><strong>Kä*******<br /> ********** Deutschland<br /> Telefon: ********<br /> E-Mail: info@******* </strong></p>
<p><strong>USt-IdNr.: DE****** </strong></p>
<p><span>Aufgrund des Kl******* *********. </span></p>
<p><span><strong>Alt***********:</strong> </span></p>
<p><span>Die Europäische Kommission ************* </span><span>https://ec.europa.eu/odr</span><span>. </span></p>
<p><span>Wir ****************. </span></p>
</div>
</div>
</div>
Probiere das mal aus und lass wissen ob das klappt.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Soll ich diesen Code einfach in das kleine Benutzerdefinerte-CSS Fenster einfügen nachdem ich auf die Seite des Impressums?
Hey @HarunP_
Gehe zu deiner Page Admin Seite und mach folgendes:
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Funktioniert leider nicht. Habs soeben probiert.
Siehe bitte oben
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024