CSS-Klasse im Code-Element funktioniert nicht?

Shopware 5 Themes & Design
1

Ich wollte für mehrere Elemente meiner Einkaufswelt eine individuelle Gestaltung per CSS haben. Dabei verzichte ich gerne darauf, dass eine Schriftart oder Haupt- oder Sekundärfarbe einfach für alles gilt statt nur für den Header etc.

Wie hat so eine CSS-Klasse auszusehen, die man bei dem Code-Element unter dem HTML-Code einbauen kann? Bestimmter Aufbau? Bestimmte tags? Als Beispiel nehmen wir mal eine h1 , deren Schriftart geändert werden soll und einen Button , der durch margin und padding gezielte Abstände braucht. Ich wäre euch sehr dankbar!

2

HTML:

My awesome Heading

CSS:

.myawesomeclass {
    font-family: "Times New Roman", Times, serif;
}

 

1 „Gefällt mir“
3

hmm… was erwartet Shopware beim “Code-Element” der Einkaufwelten, unten im Feld “CSS Klasse”? Es erlaubt ja keine Sonderzeichen. Also nicht mal einen Punkt.

4

@Melomanie schrieb:

hmm… was erwartet Shopware beim „Code-Element“ der Einkaufwelten, unten im Feld „CSS Klasse“? Es erlaubt ja keine Sonderzeichen. Also nicht mal einen Punkt.

 Dir ist bekannt was CSS-Klassen sind?

5

Offensichtlich nicht?! Ich habe gehofft, man kann da seine eigene css Datei / oder Code angeben, die für die HTML Code gebraucht werden?

6

Nein, da kommt nur der Name einer selbstdefinierten CSS-Klasse rein. Kein Prunkt, keine Umlaute.

https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor

 

7

OK. Danke. Eine css Datei, die nur eine Einkaufswelt benötigt, muss ich also „gobal“ in meinem Theme angeben, oder gibt es da noch eine andere Möglichkeit?