Linkbox: Innenabstand individuell einstellen

  • Hallo,

    habe für ein Kundenprojekt Linkboxen verwendet. Oberhalb sind Produktfotos angezeigt und darunter befinden sich jeweils kurze Texte. Der Innenabstand ist auf 20 px eingestellt. Bezüglich der Texte hat dies beim Kunden Gefallen gefunden. Allerdings möchte er das jeweilige Produktfoto in den Linkboxen dagegen "randlos" dargestellt wissen.


    Wenn ich jedoch den Innenabstand auf 0 px setze, erhalte ich zwar die gewünschte Darstellung der Produktfotos, allerdings wirkt sich diese Einstellung ja gleichermaßen auf den Text aus: Der Text ist dann aber bis an den Rand der Linkbox "gequetscht", was sehr unschön aussieht.


    Die Linkboxen sind ein interessantes Widget. Besser wäre allerdings, man könnte die Innenabstände von Bildern und Texten separat beim Widget einstellen.

  • Hallo,


    einfach den Innenabstand auf 0 setzen und mit etwas CSS den Abstand des Textes anpassen. Zum Beispiel so:

    Code
    1. <style>
    2. .zpLinkBox h1,
    3. .zpLinkBox h2,
    4. .zpLinkBox h3,
    5. .zpLinkBox p:not(.zpLinkBoxImg) {
    6. padding: 0 20px;
    7. }
    8. </style>
  • Guten Morgen, Steffen T. !


    Ich danke für das prompte Feedback! Den Tipp probiere ich nachher aus.


    Könnte man das in einer zukünftigen Version des Widgets vielleicht dennoch integrieren?

  • Hallo Steffen T. ,

    nochmals danke, das hat funktioniert!

    Habe noch eine weitere Frage: Wie setzt man das um, dass die jeweiligen Linkboxen in der Höhe identisch sind, auch wenn der (in meinem Fall) unter den Fotos angezeigte Text nicht dieselbe Länge/denselben Umfang hat?


  • masch   elch Vielen Dank Euch! 👍 Wird Zeit für eine neue Brille, glaube ich. 😂

    Allerdings ist das ein bisschen Ratespiel und Ausprobieren, da man ja im ZP nicht vorher sieht, wie viele Pixel gerade vorliegen...

  • Zur Not könnte man auch einen Screenshot machen und die Höhen in der Bildbearbeitung entsprechend auswerten… Da gibt es viele Methoden um nicht "raten" zu müssen.

  • Wenn man unterschiedlichen Text unter den Linkboxen hat, verändert sich die Boxenhöhe aber je nach Breite des Bildschirms, da der Text umgebrochen wird.

    Entweder muss man die Mindesthöhe sehr gross wählen, oder damit leben, dass die Boxen teils "verschoben" sind.


    Oder habe ich da eine Lösung übersehen?