Um die Ausgabe des Plugins optisch an die Website anzupassen, sind ein paar CSS-Angaben notwendig. Damit dies so einfach wie möglich ist, haben alle Ausgabeelemente eine eigene CSS-Klasse.
Derzeit stehen zum Styling folgende CSS-Klassen zur Verfügung:
wooattribute = der gesamte Eigenschaftscontainer wooattribute--attribute = jedes einzelne Attribut wooattribute--attribute--name = der Name der Eigenschaft wooattribute--attribute--value = der Wert der Eigenschaft
Die Veränderung dieser Klasse hat Auswirkungen auf alle Anzeigen und kann dazu genutzt werden, den gesamten Eigenschaften-Block beispielsweise mit einer Farbe zu hinterlegen oder Ränder hinzuzufügen oder aber auch die gesamte Schriftgröße aller Eigenschaften zu verändern.
Möchtest Du zwischen den einzelnen Eigenschaften mehr Abstand? Vielleicht magst du jede Eigenschaft unterstreichen? Vielleicht magst du auch, dass die Eigenschaften nicht untereinander stehen, sondern eher in einer Liste? Dies kannst Du mittels dieser Klasse erreichen.
Veränderst du diese Klasse, hat dies Auswirkungen auf die Bezeichnung der Eigenschaft (Bsp. "Farbe"). Diese Klasse eignet sich also hervorragend dazu die Eigenschaft fett zu schreiben oder sie zu unterstreichen.
Anders als bei der vorgenannten Klasse hat diese Auswirkungen auf den Wert der Eigenschaft (Bsp. "Gelb"). So könntest Du die Farbe des Wertes verändern, also beispielsweise die Schrift etwas heller machen, damit sie nicht so aufdringlich ist.