woocommerce schriftfarbe ändern/Artikelnummer löschen

  • Hallo

    ich habe einen shop und prinzipiell funktioniert das meiste schon sehr gut.

    1. Wenn ich allerdings etwas in den Warenkorb lege wird der Text "Produkt wurde zum Warenkorb hinzugefügt" sowie andere Sachen wie der Aktionspreis in weiss angezeigt, was man nicht lesen kann.

    Wie kann ich das ändern? Ich habe auch das Plugin Woocommerce Color, hilft aber auch nichts.

    2. Wie kann ich die Artikelnummer ausblenden? Folgender Code funktioniert nicht;

    div.summary-container .product_meta {
    display: none;
    }

    Artikelnummer bleibt bestehen. Hier mal ein beispiel: https://www.fairfashionkids.com/produkt/babytunika/

    Danke für eure Hilfe.

    • 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

  • Teste bitte mal folgenden CSS Code im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

    HTML
    .woocommerce-message {
      color: #000 !important;
    }
    .product_meta {
      display: none;
    }


    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Dann aber bitte prüfen, ob nicht an anderer Stelle unerwünschte Nebeneffekte eintreten.

  • Vielen lieben Dank, hat funktioniert! Und danke für das Video, ich werde es bestimmt mal probieren.
    Bis jetzt habe ich noch keine Nebeneffekte entdeckt :-)

  • Hallo, insbesondere Sailor56

    ich habe dein Video angesehen und auch gleich noch etwas auf diese Art ändern, danke!

    Allerdings komme ich bei diesem Problem nicht weiter. Die Schrift im Bild gelb unterlegt ist weiss. Im Quellcode ist diese aber im selben Kasten wie Woocommerce_info, welche ich geändert habe.

    Wie kann ich das ändern?

    Danke für eure Hilfe.

  • .. hab's doch gefunden!
    Versuche das mal im zusätzlichen CSS

    HTML
    .woocommerce-info a.showlogin {
      color: #000 !important;
    }


    #000 = schwarz kannst du natürlich nach belieben noch anpassen.

  • Hallo Zusammen,

    ich habe ein ähnliches Problem. Die Tipps habe ich schon ausprobiert. Leider lösen sie mein Problem nicht.

    [Blockierte Grafik: https://becks-nature.com/wp-content/uploads/2020/03/becks-nature01.png
    [Blockierte Grafik: https://becks-nature.com/wp-content/uploads/2020/03/becks-nature02-2.png]

    [Blockierte Grafik: https://becks-nature.com/wp-content/uploads/2020/03/becks-nature03-1.png]

    Ich würde mich freuen, wenn hier jemand für mich auch einen code für das woocommerce css hat.

    Vielen Dank!
    BettinaW

  • Wir würde uns freuen, wenn du uns auch einen Link zu der Seite geben würdest... wie sollen wir uns sonst auf die Suche nach einem für dich passenden CSS Code begeben ????

  • Bin mir zwar keineswegs sicher, dass ich die Stelle(n) gefunden habe, an denen du die Schriftfarbe ändern möchtest - aber im Warenkorb ist mir nur das aufgefallen...


    Sollte ich daneben liegen mit meinem Verdacht, sag Bescheid.
    Den Code #000; (schwarz) kannst du natürlich durch jeden beliebigen Farbcode ersetzen.

  • .... oder die Kategorien bzw. Schagwörter:

    CSS
    .posted_in a,
    .tagged_as a {
      color: #018501 !important;
    }

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

  • Ohne mich hier allzusehr einmischen zu wollen würde ich noch anmerken wollen, dass man die !important Keule möglichst meiden sollte und nur nutzt, wenn es sich gar nicht vermeiden lässt (bspw. weil es schon eine Regeln mit !important gibt oder man ein Inline-Style überschreiben will).

    Man sollte wenn möglich immer eine Regel mit einer höheren oder gleichwertigen Spezifität finden und damit das Style überschreiben. Damit vermeidet man auch die meisten unerwünschten Nebeneffekte und ändert nur gezielt dort, wo man es auch wirklich möchte. Ein gutes Werzeug sind dazu die Webinspektoren moderner Browser, die die vorhandenen Regeln und die Kaskade der Elemente zeigen.

    Da die Seite gerade offline ist, kann ich leider kein konkretes Beispiel zeigen.

Jetzt mitmachen!

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