Kasse-Seite nicht korrekt angezeigt

    Hallo zusammen

    Bei einer Website, die ich mit dem Theme "Simplified Lite" erstelle (Gratisversion) zeigt es mir im Zusammenhang mit einem Woocommerce-Shop beim Checkout die Kasse-Seite nicht korrekt an.
    Das heisst, die Felder zur Eingabe "Name", "Vorname" etc. werden in einer zu schmalen Kolonne angezeigt, so dass alle Buchstaben untereinander angezeigt werden...
    Ich weiss allerdings nicht, wie ich das per CSS oder anderweitig beheben kann...?

    http://marcoguitars.com/kasse/

    Herzlichen Dank für eure Hilfe! Lieber Gruss, Thomas

    • Gerade eben
    • 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

    WooCommerce nutzt an der Stelle die Classes col2-set mit col-1 und col-2. Diese beiden Classes werden von deinem Theme überschrieben. Du könntest versuchen wiederrum zu überschreiben, über Design - Customizer - Zusätzliches CSS

    Code
    .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 {
    flex: auto;
    max-width: initial;
}

    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]

    Dein Theme nutzt ein eigenes "Grid" und setzt für die bei der Kasse von WooCommerce benutzten Klassen [FONT=Courier New].col-1[/FONT] und [FONT=Courier New].col-2[/FONT] entspr. unpassende Werte. Um das für die Kasse zurückzusetzen, kannst Du sowas hier unter Design > Customizer > Zusätzliches CSS eingeben:

    Code
    .woocommerce #customer_details .col-1,
.woocommerce #customer_details .col-2 {
    -ms-flex: initial;
    flex: initial;
    max-width: initial;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden