Text unterschiedliches CSS zuweisen

Also, wie Update-Sicher deine custom.css ist kann ich dir leider nicht sagen, da ich nicht weiß wie und worüber diese integriert wird, für mich hört sich jedoch so an, als bietet dir das Theme oder ein Plugin die möglichkeit eigene Styles zu integrieren, daher gehe ich davon aus, dass diese auch Update-Sicher sein sollten. Ansonsten könntest du ein sog. Child-Theme erstellen. Alternativ und einfacher falls es zur Verfügung steht: Design > Customizer > Zusätzliches CSS

Zu deinen Anpassungswünschen:

1. Beschreibungstext
   Dieser Bereich besitzt u.a. die Klasse "woocommerce-Tabs-panel--description", damit könntest du also in deiner custom.css wie folgt die Farbe anpassen:
   
   CSS

   .woocommerce-Tabs-panel--description
   {
      color: #ff0000;
   }

   
   

2. Tabs
   Die Textfarbe von den Tab-Headlines erreichst du etwas "komplizierter", da bereits vorhandenen CSS überschrieben werden muss:
   

   2.1 Inaktive Tab

   CSS

   .woocommerce div.product .woocommerce-tabs ul.tabs li a
   {
      color: #00ff00;
   }

   2.2 Aktive Tab

   CSS

   .woocommerce div.product .woocommerce-tabs ul.tabs li.active a
   {
      color: #0000ff;
   }

   
   

3. Input Feld für die Anzahl/Menge
   
   
   Code

   .woocommerce .quantity .qty
   {
      color: #0ff000;
   }

Ich hoffe du kannst damit etwas anfangen :) Lass von dir hören, ob es geklappt hat, von meiner Farbwahl jetzt mal abgesehen ;)

Hi Robota,

sehr gerne, freut mich, dass ich dir helfen konnte.

Es gibt in fast jedem Browser eine Funktion die sich "Entwickler-Konsole", "Entwickler-Werkzeuge" oder so ähnlich nennt. In Firefox und Chrome wird sie über die Taste F12 aufgerufen. Sie ermöglicht neben vielen weiteren Funktionen auch das Untersuchen des Quelltextes. Damit wird relativ leicht klar wie die Seite aufgebaut ist und welche CSS Klassen wo verwendet wurden, welche CSS Styles bereits vorhanden sind und aus welcher CSS-Datei diese kommen.

Wie man sein eigenes CSS dann zum überschreiben jedoch aufbauen muss hängt stark vom Aufbau des HTML ab, ob bereits vorhandene Styles aus einer anderen Datei kommen, welche Klassen/IDs wo verwendet werden und ist nicht immer direkt ersichtlich, wenn man nicht gerade etwas Erfahrung in dieser Hinsicht hat. Zusätzlich kann man dort bereits "ausprobieren" wie sich neue bzw. veränderte CSS Regeln auf die Seite auswirken. Diese "rumspielereien" spielen sich selbstverständlich nur lokal ab, d.h. nur du selbst kannst sie sehen, die Live-Seite ist davon also nicht betroffen ;)

Ich habe dir zur Ansicht ein kurzes Video mit deiner Seite als Beispiel aufgenommen, es wird nicht in der Youtube Suche gelistet.

PS: Wirklich schöne Arbeiten im Portfolio :)

The right headaches will not start until you realize that formatting the link may also depend on inherited property values. For example, the link would take over a font assigned to the surrounding paragraph.