Produktbilder sind nicht auf einer Höhe

  • Hallo liebe Mitglieder, wir haben einen Word Press Online Shop. Ein Problem lässt mich echt verzweifeln. Die Produktbilder sind nicht auf einer Höhe, da die Produkte unterschiedliche Hauptbeschreibungen haben. Wird eine Zeile mehr zur Beschreibung benötigt rutscht das Bild um eine Zeile nach oben und ist somit nicht mehr mit den anderen Bildern auf einer Höhe. Genauso ist es wenn eine Produktbewertung vorliegt. Das Bild rutscht eine Zeile nach oben. Ich habe auch das Plugin Yellow Pencil und habe da schon mehrere Stunden versucht dieses Problem zu beheben (Headings angepasst, Position der Bilder angepasst). Kurzzeitig sah es so aus, dass es funktionierte. Allerdings nach ein paar mal aktualisieren war die Optik wieder futsch, warum auch immer.

    URL lass ich erstmal weg - aufgrund der Werbung
    WP Version 4.9.8
    Theme Vendidero
    Plugin Yellow Pencil

    Anbei ein Foto (Foto kann ich nicht hochladen, ist wohl zu groß?!)
    Wäre echt klasse, wenn man mir helfen könnte.
    Herzlichen Dank!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du könntest bei den besagten Elementen z. B. mit min-height arbeiten. Oder man berechnet mit Javascript das höchste Element und gibt das weiter.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Versuche das mal in die Zusätzlichen CSS einzufügen:

    Code
    li.product {
        vertical-align: top;
    }

    Die vertikale Ausrichtung ist vom Theme auf bottom gesetzt. Damit wird die Ausrichtung auf top gesetzt, allerdings ist der untere Rand dann verschieden hoch ;-)

    die Änderung im Dashboard unter Design - Customizer - Zusätzliche CSS!!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Du könntest bei den besagten Elementen z. B. mit min-height arbeiten. Oder man berechnet mit Javascript das höchste Element und gibt das weiter.

    HERZLICHEN DANK! Es hat mit der min-height unter size mit yellow pencil gefunzt! Mega erleichtert, danke, danke, danke!

  • Versuche das mal in die Zusätzlichen CSS einzufügen:

    Code
    li.product {
        vertical-align: top;
    }

    Die vertikale Ausrichtung ist vom Theme auf bottom gesetzt. Damit wird die Ausrichtung auf top gesetzt, allerdings ist der untere Rand dann verschieden hoch ;)

    die Änderung im Dashboard unter Design - Customizer - Zusätzliche CSS!!

    Auch herzlichen Dank an Dich! Problem behoben!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!