1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WooCommerce: Schriftfarbe Checkout ändern

Dieses Thema im Forum "Onlineshop mit WordPress" wurde erstellt von manderin, 1. Juli 2016.

  1. manderin

    manderin Member

    Registriert seit:
    22. Dezember 2015
    Beiträge:
    24
    Zustimmungen:
    0
    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.

    Schriftfarbe Checkout.jpg


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

    BvW Well-Known Member

    Registriert seit:
    18. Februar 2014
    Beiträge:
    1.189
    Zustimmungen:
    0
    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;
    }
     
  3. manderin

    manderin Member

    Registriert seit:
    22. Dezember 2015
    Beiträge:
    24
    Zustimmungen:
    0
    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ß:

    Schriftfarbe Checkout 2.jpg
     
  4. manderin

    manderin Member

    Registriert seit:
    22. Dezember 2015
    Beiträge:
    24
    Zustimmungen:
    0
    Übrigens habe ich das gleiche Problem auch in der Produktbeschreibung:

    Schriftart weiß 3.jpg

    Ich hoffe sehr, dass mir diesbzgl. jemand helfen kann...
     
  5. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    7.871
    Zustimmungen:
    238
    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.
     
  6. manderin

    manderin Member

    Registriert seit:
    22. Dezember 2015
    Beiträge:
    24
    Zustimmungen:
    0
    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.
     
  7. Dorothea

    Dorothea New Member

    Registriert seit:
    5. Februar 2017
    Beiträge:
    2
    Zustimmungen:
    0
    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;
    }
     
  8. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    7.871
    Zustimmungen:
    238
    Die Elemente erben die Farbe des Body:

    body {
    color: #ffffff;
    }
     
  9. Dorothea

    Dorothea New Member

    Registriert seit:
    5. Februar 2017
    Beiträge:
    2
    Zustimmungen:
    0
    Okay - und was genau muss ich da jetzt ändern?
     
  10. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    7.871
    Zustimmungen:
    238
    z.B. die Farbe auf color:#000; ändern.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden