# CSS-Klasse im Code-Element funktioniert nicht?

**URL:** https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204
**Category:** Themes & Design
**Tags:** shopping-worlds
**Created:** [23. April 2019 um 13:57 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204 "2019-04-23T13:57:42Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Ridley1993](https://avatars.discourse-cdn.com/v4/letter/r/59ef9b/32.png) [@Ridley1993](https://forum.shopware.com/u/Ridley1993)
#### Post date: [23. April 2019 um 13:57 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/1 "2019-04-23T13:57:42Z")

</div>

Ich wollte für mehrere Elemente meiner Einkaufswelt eine individuelle Gestaltung per **CSS** haben. Dabei verzichte ich gerne darauf,&nbsp;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!

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [23. April 2019 um 14:01 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/2 "2019-04-23T14:01:55Z")

</div>

HTML:

```
My awesome Heading

```

CSS:

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

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Melomanie](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@Melomanie](https://forum.shopware.com/u/Melomanie)
#### Post date: [21. Mai 2019 um 09:41 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/3 "2019-05-21T09:41:31Z")

</div>

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

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [21. Mai 2019 um 09:52 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/4 "2019-05-21T09:52:10Z")

</div>

> [@Melomanie schrieb:](https://forum.shopware.com/profile/27113/Melomanie "Melomanie")
> 
> hmm… was erwartet Shopware beim „Code-Element“ der Einkaufwelten, unten im Feld „CSS Klasse“? Es erlaubt ja keine Sonderzeichen. Also nicht mal einen Punkt.

&nbsp;Dir ist bekannt was CSS-Klassen sind?

---

<div class="post-metadata">

### Author: ![Melomanie](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@Melomanie](https://forum.shopware.com/u/Melomanie)
#### Post date: [21. Mai 2019 um 10:42 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/5 "2019-05-21T10:42:40Z")

</div>

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

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [21. Mai 2019 um 10:45 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/6 "2019-05-21T10:45:56Z")

</div>

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

[https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Klassenselektor)

&nbsp;

---

<div class="post-metadata">

### Author: ![Melomanie](https://avatars.discourse-cdn.com/v4/letter/m/e99b99/32.png) [@Melomanie](https://forum.shopware.com/u/Melomanie)
#### Post date: [21. Mai 2019 um 11:02 UTC](https://forum.shopware.com/t/css-klasse-im-code-element-funktioniert-nicht/59204/7 "2019-05-21T11:02:03Z")

</div>

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?
