Farbe des Warenkorbs im Footer ändern: WP5,7, Neve Theme, WooCommerce

**Relaunch von WPDE.org**

WPDE.org wurde kürzlich unter neuer Führung übernommen und technisch vollständig modernisiert.

Neuer Betreiber ist:
**Maximilian Rupp, Tannenweg 24, 66629 Freisen**

Im Zuge der Übernahme wurde das Forum auf eine aktuelle technische Basis gestellt und wird nun aktiv weiterentwickelt.

Das Thema Datenschutz wird dabei selbstverständlich berücksichtigt.
Sollte jemand sein Benutzerkonto nicht weiterführen wollen, kann dieses jederzeit bequem über die Kontoeinstellungen gelöscht werden.

Bei Fragen oder Anliegen könnt ihr euch jederzeit gerne melden. Wir arbeiten gerade im Hintergrund an der neuen Foren Struktur, daher wird noch nicht alles passen und es kann vorkommen das Themen/Beiträge noch in Foren sind wo es nicht rein passt. Ebenso sind noch nicht alle Bereiche fertig, die Icons werden noch gesetzt und entsprechende Labelgruppen werden noch konfiguriert für die Foren. Sobald die neue Foren Struktur fertig ist wird der Hinweis wieder entfernt.

    Moin zusammen,

    ich betreibe einen kleinen Onlineshop, aktuell auf Wordpress 5.7 mit dem Neve Theme und WooCommerce (Germanized). Hier habe ich die Option, über ein Widget im Footer den Warenkorb anzeigen zu lassen. Der Footer-Hintergrund ist dabei dunkelgrau und die Schrift weiß.

    Das hat früher auch gut geklappt, gerade ist mir aber aufgefallen, dass der Warenkorb auf einmal eine schwarze Schrift hat, was auf grauem Hintergrund natürlich suboptimal ist. Die übrige Schrift im Footer ist nach wie vor weiß, es geht also nur um das Warenkorb-Widget. Die Schriftfarbe des Widgets lässt sich ändern, indem ich die Schrift für die gesamte Website umstelle, das ist aber nicht zielführend, da ja nur die Schrift im Footer weiß sein soll.

    Kann mir jemand weiterhelfen, wie ich nur die Schriftfarbe des Widgets im Footers ändern kann oder zumindest, an wen ich mich wenden muss (Neve, WooCommerce,...)?

    Zum besseren Verständnis habe ich einen Screenshot angehängt. Bin mir nicht sicher, ob ich die Seite teilen darf. Wenn ja, hole ich das gerne nach.

    Herzlichen Dank im Voraus und viele Grüße
    LuckyLuke4444

    • 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

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis: folgt noch

    Screenshots sind bei CSS Problemen nicht hilfreich. Wir brauchen einen Link zur Seite.

    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.

    Im Customizer im CSS folgenden Code eintragen

    Code
    .widget_shopping_cart { color: #fff; }

    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.

    OT:

    Ist Dir schon einmal aufgefallen, das auf den Einzelseiten der Produkte keine Bilder erscheinen?

    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.

    Danke Dir @mensmaximus - habe es gerade aktualisiert und wir kommen der Sache schon näher - immerhin die Überschrift und die Zwischensumme ist nun weiß. Wenn ein Produkt im Warenkorb liegt, ist der Produkttitel aber leider noch immer schwarz, genau wie der "Warenkorb Anzeigen" Button. Hast Du dazu auch noch eine Idee?

    Edited once, last by luckyluke4444 (March 16, 2021 at 5:15 PM).

    Und zu Deinem OT Thema - tatsächlich nicht, bei mir funktioniert das wunderbar, sowohl mit Chrome und Firefox am PC als auch mit Opera am Handy. Hast Du dazu zufällig auch eine Idee, woran es liegen könnte?

    Ich hatte nicht in den Warenkorb gelegt und bin einfach davon ausgegangen, dass eine vernünftige Vererbung stattfindet. Das hier wieder einmal eine viel zu spezifische Deklaration stattfindet, ist grausem :rolleyes:

    Code
    .widget_shopping_cart,
.widget_shopping_cart .cart_list li.mini_cart_item > a,
.woocommerce .woocommerce-mini-cart__buttons.buttons a.button.wc-forward:not(.checkout) {
 color: #fff;
}

    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.

    @mensmaximus Du bist Hammer! Jetzt funktioniert es - vielen herzlichen Dank!
    Ich gebe gerne zu, dass meine Seite mit einem Haufen Plugins und vielen Workarounds zusammengeschustert ist. Mein Fachgebiet sind mehr die Messer und weniger die Website ;)

    Bleibt nur noch das Problem mit den Produktbildern?

    Quote from luckyluke4444

    Und zu Deinem OT Thema - tatsächlich nicht, bei mir funktioniert das wunderbar, sowohl mit Chrome und Firefox am PC als auch mit Opera am Handy. Hast Du dazu zufällig auch eine Idee, woran es liegen könnte?

    Der umliegenden Container des Plugins WPA WooCommerce Product Gallery hat opacity:0. Die muss aber 1 sein, weil sonst der Transition Effekt nicht sichtbar wird. Mit folgendem Code kann man das überschreiben. Allerdings sollte man prüfen ob es im Plugin eine Einstellung dafür gibt, weil sich ansonsten die direkte Zuordnung auf dem Element nicht logisch erschließt.

    CSS
    .wpa-woocommerce-product-gallery {
    opacity: 1 !important;
}

    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.

    OT:

    löschen einmal Deinen Browsercache. Dann solltest Du das Bilderproblem sehen

    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.

    Tatsächlich geht es mit Chrome und Edge. Dort sehe ich opacity: 1. In meinem Firefox ist die opacity: 0.

    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.

    Eine Option zum Ändern im Plugin sehe ich nicht. Habe es gerade nochmal mit Firefox versucht und da ist bei mir auch alles in Ordnung.
    Kann es sein, dass das daran lag, dass ich an der Seite etwas geändert habe, während Du gerade drauf warst?

    Und wenn nicht - mache ich im Zweifel irgendwas kaputt, wenn ich Dein CSS nutze? :D

    Danke Dir schonmal im Voraus!

    Nein, mit dem Code machst Du nichts kaputt. So muss es sein und ist es ja auch bei mir im Chrome und Edge. Nur eben nicht in meinem im Firefox.

    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.

    Quote from mensmaximus

    Nein, mit dem Code machst Du nichts kaputt. So muss es sein und ist es ja auch bei mir im Chrome und Edge. Nur eben nicht in meinem im Firefox.


    Alles klar. Habe es mal eingefügt, wenn Du magst, kannst Du gerne nochmal reinschauen.

    Vielen Dank Dir nochmal und alles Gute!

    Yup. funktioniert. Ich liebe dieses Sanmai Gyuto :cool:

    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.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login