Designanpassung Produkttitel in Artikeldetails

Dieses Thema im Forum "Artikel & Kategorien" wurde erstellt von Anonymous, 5. Juli 2023.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo,

    soeben ist mir aufgefallen, dass das nicht ganz so geil aussieht:

    upload_2023-7-5_16-35-41.png


    Hier der Link zum Artikel: https://japanteashop.com/de/aerolatte-matchaaufschaeumer.html

    Was könnte/müsste ich da anpassen, damit das wieder hübsch ist und der Text in der Box bleibt?

    Danke für die Hilfe vorab und beste Grüße aus Berlin
    Florian
     

    Anhänge:

  2. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Da ist gründlich viel im Eimer.

    upload_2023-7-5_17-1-32.png

    Mit etwas schieben krieg ich 10 verschiedene Muster von kaputt hin.
    Du suchst CSS wie "hyphens: auto", aber das ist nicht die ganze Lösung.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Alles selbst "designed" mit Gambio Bordmiteln - gut, nicht wahr :D - was man damit alles hinkriegt
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Es ist zwar jetzt nicht die Lösung des eigentlichen Problems, aber wenn du das Wort Matchaaufschäumer trennst - also Matcha Aufschäumer - dann wird ein Umbruch gemacht und es geht sich aus. Wäre jedenfalls eine vorübergehende Lösung.
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Gute Idee, danke @Alexandra R. Das sieht schon viel besser aus, wenn auch noch nicht perfekt auf allen Bildschirmgrößen:

    upload_2023-7-5_23-45-56.png

    aber auf jeden Fall ein großer Fortschritt....
     
  6. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Spricht etwas gegen die automatische Silbentrennung?
     

    Anhänge:

  7. Anonymous

    Anonymous Erfahrener Benutzer

    Bildschirmfoto vom 2023-07-06 08-10-14.png Bildschirmfoto vom 2023-07-06 08-11-06.png
    Mach doch die Schrift etwas kleiner (vielleicht noch eine andere Schriftart).
    Du kannst die Schriftgröße über @media screen and (...) steuern.

    Das heißt: Schau, ab wann es hässlich wird, ab dann, oder bis zu dieser Bildschirmgröße über CSS steuern.

    zum Beispiel:
    font-size: 1.7em;

    Den Unterschied siehst Du bei den Bildern.
     
    Zuletzt bearbeitet: 6. Juli 2023
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Schau dir mal deine Artikel Thumbnails auf Mobile an, da gibts auch einen Fehler in der Darstellung.
     

    Anhänge:

  9. Anonymous

    Anonymous Erfahrener Benutzer

    Nur weil es ein Template Manager ist, heisst es nicht, dass du nicht, wissen musst was du tust. Man muss auch schon wissen, welche Änderungen welche Auswirkungen haben. Da darf man nicht Gambio die Schuld in die Schuhe schieben!
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Hat er das?