abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Homepage Main Text - Breite ändern

Hofmahlzeit
Tourist
18 0 1

Hofmahlzeit_0-1609873394847.png

 

Hi Zusammen,

wir fragen uns wie man bei diesem Text die Breite ändert. Würden den Text gerne in 3 Zeilen haben.

 

LG

 

0 Likes
r8r
Shopify Expert
1499 166 493

Hi robin,

 

Im Endeffekt könntest Du einfach das Grid ein wenig umbauen, z.B. in diesem .grid__item Element anstatt der Klassen

 

grid__item large--eight-twelfths push--large--two-twelfths one-whole hero-content

 

Screenshot 2021-01-05 at 20.50.32.jpg

die folgenden Klassen verwenden:

 

grid__item large--ten-twelfths push--large--one-twelfths one-whole hero-content

 

Screenshot 2021-01-05 at 20.49.48.jpg

 

Resultat:

Screenshot 2021-01-05 at 20.49.13.jpg

Zur Frage "Wie geht das?" muss ich sagen, dass ich mir den Code erst ansehen muss. Entweder kann man's im Customizer direkt ändern oder in der Liquid-Datei für den Hero-Bereich oder notfalls kann man das auch per JavaScript reinmanipulieren. Muss ich mir im Code ansehen!

Nota bene: Wenn der Bildschirm eine gewissen Breite unterschreitet, dann werden die Zeilen trotzdem wieder umbrechen. Ich hab in dem Fall oben einfach nur eine Breite von 10/12 anstatt von 8/12 für den Textbereich freigegeben.

Ich hoffe, dass das Sinn macht?

LG, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes