Designanpassung Produkttitel in Artikeldetails

Thema wurde von Anonymous, 5. Juli 2023 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2015
    Beiträge:
    1.517
    Danke erhalten:
    314
    Danke vergeben:
    1.217
    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
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    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
    Registriert seit:
    20. November 2015
    Beiträge:
    1.517
    Danke erhalten:
    314
    Danke vergeben:
    1.217
    Alles selbst "designed" mit Gambio Bordmiteln - gut, nicht wahr :D - was man damit alles hinkriegt
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    3. Juli 2020
    Beiträge:
    61
    Danke erhalten:
    35
    Danke vergeben:
    34
    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
    Registriert seit:
    20. November 2015
    Beiträge:
    1.517
    Danke erhalten:
    314
    Danke vergeben:
    1.217
    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
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    Spricht etwas gegen die automatische Silbentrennung?
     

    Anhänge:

  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. August 2021
    Beiträge:
    662
    Danke erhalten:
    92
    Danke vergeben:
    273
    #7 Anonymous, 6. Juli 2023
    Zuletzt bearbeitet: 6. Juli 2023
    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.
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.671
    Danke erhalten:
    285
    Danke vergeben:
    1.109
    Schau dir mal deine Artikel Thumbnails auf Mobile an, da gibts auch einen Fehler in der Darstellung.
     

    Anhänge:

  9. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    30. Juni 2017
    Beiträge:
    459
    Danke erhalten:
    52
    Danke vergeben:
    75
    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
    Registriert seit:
    18. August 2021
    Beiträge:
    662
    Danke erhalten:
    92
    Danke vergeben:
    273
    Hat er das?