Farben im WooCommerce Theme Storefront

Markus Winter
(@mawiti)

vor 1 Jahr

Hallo alle zusammen,

bin schon seit ein paar Tagen immer und immer wieder auf der Suche nach einer Lösung. Aber es ist mir noch nicht gelungen. Daher erlaube ich mir, die Profis um Hilfe anzufragen.

Ziel ist es, auf der Webseite mit dem WooCommerce Shop im Kopf Bereich drei horizontale Streifen zu erreichen. Schwarz, rot, schwarz. So wie dies bei „mein Konto“ zu sehen ist. ABER ohne den blauen Streifen. Der kommt aufgrund der Hintergrundfarbe. Verändere ich die auf rot, hat dies einen Einfluss auf den Link Shop… und auf die Tabelle Deine Bestellung in der Kasse. uf, ich bin am Ende meines Lateines… ähem, meines CSS…

Danke vielmals für Lösungsansätze…

Viele Grüsse
Markus

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr

Wenn du eine gestalterische Änderung vornehmen möchtest und dein Theme dazu keine Einstellungsmöglichkeiten bietet, bleibt dir neben einem Themewechsel die Möglichkeit, eigene CSS-Regeln zu verwenden. Dazu musst du allerdings über Grundkenntnisse in CSS (und ggf. auch HTML, PHP und JavaScript) verfügen, die wir hier nicht vermitteln können.

Du bekommst die Themes im WordPress-Verzeichnis kostenlos (und so, wie sie sind) zur Verfügung gestellt. Es ist nicht Teil eines Anwendungssupports, dass wir auf Zuruf CSS-Regeln für Änderungen erstellen. Wir machen gerne eine Ausnahme, wenn es sich um eine einfache Änderung handelt und verständlich geschildert wurde, was geändert werden soll (bei deiner Frage kann ich mir das nicht klar geworden).

Ich ändere den Status des Thread auf „keine Support-Frage“. Vielleicht hat jemand Zeit, das gewünschte CSS zu schreiben und versteht, was gewünscht ist.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr
Hallo,
teste bitte mal mit der folgenden CSS-Regel unter Design > Customizer > Individuelles CSS, ob das so funktioniert:
```
.storefront-breadcrumb {
    margin: 0 0;
}
```
Da wird auf der Seite die folgende CSS-Regel verwendet (siehe developer console):
```
.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 3.706325903em;
}
```
Evtl. lässt sich das über die Einstellungen bezüglich Breadcrumb auch ganz ausschalten.

Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 1 Jahr von Hans-Gerd Gerhards. Grund: Ergänzung
Thread-Starter Markus Winter
(@mawiti)

vor 1 Jahr

Guten Tag alle zusammen,

@bego, danke, verstehe ich gut… hätte gehofft, dass das Theme Storefront so viel verwendet wird, dass mein Wunsch eher ein Klaks wäre…

@Hans-Gerd, vielen Dank. Führt leider noch nicht zum Ziel, die Farbe blau im Menü shop von blau zu ändern.

Aber die Anpassung der Klasse löst ein anderes Problemchen welches vermutlich später einmal kommen wird. Somit schon zum Voraus besten Dank für die jetzt schon gelöste spätere problematik. Danke Dir.

Viele Grüsse
Markus

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr

Hallo,
wenn ich das richtig sehe, ist der Balken jetzt schwarz und damit das Problem gelöst.
Vielleicht hast du den Browsercache bei dir noch nicht gelöscht.

Kannst du das Thema dann bitte als gelöst markieren, wenn das Problem damit für dich behoben ist:

Die Option findest du rechts in der Sidebar. Danke.

Viele Grüße
Hans-Gerd