WooCommerce: Schriftfarbe Checkout ändern

  • Hallo,

    als Neuling habe ich eine weitere Frage:
    in meinem Checkout-Bereich des Warenkorbs ist die Schriftfarbe in weiß auf weißen Hintergrund, was natürlich suboptimal ist.


    Wie kann ich die Schriftfarbe ändern?
    Kann mir auch hier jemand helfen? Das wäre super.

    • 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

  • Das kann man in der style.css Datei anpassen. Je nach Theme auch im Bereich "eigene CSS Angaben" Da aber weder Link zur Seite noch sonstige Informationen zur Verfügung gestellt wurde, kann ich mehr dazu nicht sagen, da verschiedene Bereich betroffen sind und sich Änderungen vielleicht auch auf andere Bereiche deiner Seite auswirken. Unter anderem ist es folgende Angabe:

    #payment .payment_methods li p {
    margin: 0;
    color: #000;
    }

    Nein, dem habe ich nichts hinzuzufügen :-)
    [HR][/HR]

  • Deine Antwort hat mir schon sehr geholfen! Danke Dir!
    Es waren folgende Angaben:

    #add_payment_method #payment,
    .woocommerce-checkout #payment {
    background: none;
    color: #000;
    }

    und

    .woocommerce-billing-fields,
    .woocommerce-shipping-fields {
    margin-bottom: 30px;
    color: #000;
    }


    Fast geschafft! Nun sind nur noch diese Schriftzüge im Checkout weiß:

  • Kann es sein, dass Du das alte Plugin WooCommerce Colors im Einsatz hast? Es ist sinnfrei die einzelnen CSS Regeln anzupassen, weil hier etwas grundsätzliches nicht stimmt. Entweder das Theme ist "verbogen" oder ein Plugin "grätscht" dazwischen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Keine Ahnung. Ich bin keine IT-Expertin und CSS-Neuling. Ich war davon ausgegangen, dass die Erstellung ohne tiefgreifende IT-Kenntnisse möglich ist und vor allen Dingen, dass ein Template, dass ich teuer bezahle, auch ordentlich funktioniert...

    Ich ärgere mich einfach, weil ich entweder Fach-Englisch können oder stundenlang im Netz nach einer Lösung suchen muss. Oder einen externen Experten anfordern, der mich einen Haufen Geld kostet. :evil:

    Entschuldigung, aber das musste ich jetzt einfach mal loswerden.

  • Ich habe genau dasselbe Problem. Weisse Farbe auf weissem Hintergrund im Warenkorb.

    Aber in der style-css finde ich fast keine Angaben zu Woocommerce, ausser denen, die ich hier unten kopiert habe.

    Wo genau muss man das alles einfügen?

    Im Voraus herzlichen Dank.

    Die Seite ist https://gruen-roh-bunt.com/shop

    Im style-css steht nur folgendes zu Woocommerce:


    /************************************************************************************
    WORDPRESS POST FORMATTING
    *************************************************************************************/
    .sticky {}
    img.alignleft, img.aligncenter, img.alignright, img.alignnone {
    margin-bottom: 15px;
    }
    .alignleft {
    float: left;
    margin-right: 30px;
    }
    .alignright {
    float: right;
    margin-left: 30px;
    }
    .aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .wp-caption {
    text-align: center;
    margin-bottom: 15px;
    max-width: 100%;
    }
    .wp-caption-text {
    font: italic 95%/120% Georgia, "Times New Roman", Times, serif;
    margin: 6px 0;
    }

  • Die Elemente erben die Farbe des Body:

    body {
    color: #ffffff;
    }

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • z.B. die Farbe auf color:#000; ändern.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Hallo haben folgendes Problem bzw. 2 Probleme unsere Kassa Seite zur bearbeiten bzw. zu formatieren:

    Punkt 1: Wie ändere ich auf meine Kassa Seite (da man ja die Seite mit dem Divi nicht bearbeiten kann, wie bereits bekannt) die Schriftfarbe Bild im Anhang. Die Schriftfabre bei Bild 1. (Rechnungsdetails und Lieferung an eine andere Adresse) ist leider grau warum auch immer da der Rest weiß ist.

    Bild 2 ist die Schriftfarbe ein anderes grau (Zwischensumme, Produkt, Versand, Gesamtsumme) hier möchten wir gerne auch ein weiß!

    Der genaue css code dafür wäre sehr cool!

    Bild 3 Kassa Plugin Woo side cart wie kann ich hier die Schriftgröße ändern etc., da schwer leserlich?

    Hoffe mir kann da jemand helfen!

    glg

  • Es ist unklug, einen fast 3-jährigen Thread aus dem Tiefschlaf wieder wecken zu wollen!
    Erstens bezweifle ich, das es mit der Anfrage oben irgend etwas gemeinsam hat, außer den Namen WooCommerce!
    Wordpress, Themes, Plugins, PHP-Version und was weiß ich nicht alles hat sich weiterentwickelt und ohne Link zum Shop wird es nahezu unmöglich das zu erraten.

    Aber vielleicht will ja jemand beim Ratespiel mitmachen ;-)

    Grundsätzlich gelten die Forenregeln, besonders (II)!

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

Jetzt mitmachen!

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