"in den Warenkorb" Button überlappt

    Ich bin ganz neu mit Thema Wordpress+Woocommerce.
    Nun habe ich offline einen Shop gebastelt und meine Produkte hinzugefügt.
    Nun ist das Problem das der "in den Warenkorb" Button auf der Seite überlappt, dabei ist es völlig egal ob 2 oder 3 Produkte nebeneinander angezeigt werden.

    Jemand eine Idee was ich tun muss?

    LG

    • 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

    Hallo

    Wenn das Problem noch bestehen sollte, dann poste doch bitte einen Link zu deinem Shop (wenn es denn schon online ist).
    Anders wird dir nämlich sonst niemand helfen können.

    die einfachste Lösung wäre erst mal die width für den Div mit der class tfwc auf 100% zu setzen:

    CSS
    .twentyfourteen .tfwc { width: 100% !important; }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    entweder es klappt nicht, oder ich habe es falsch platziert.
    Ich habe jetzt den gesamten code [COLOR=#333333].twentyfourteen .tfwc { width: 100% !important; }
    ganz unten
    im style.css eingefügt und gespeichert, ohne das sich was geändert hat[/COLOR]

    ach, da steht auch noch ne max-width mit drin:

    CSS
    .twentyfourteen .tfwc { width: 100% !important; max-width: 100% !important; }


    Ist natürlich nicht die eleganteste Lösung das css von woocomerce immer so zu überschreiben.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    also das kopiere ich jetzt ans ende der style.css, wenn ich das richitg verstehe

    .twentyfourteen .tfwc { width: 100% !important; max-width: 100% !important; }

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden