# Button mit Pfeilsymbol in der Einkaufswelt **URL:** \ **Category:** Themes & Design\ **Created:** [6. Dezember 2016 um 09:48 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986 "2016-12-06T09:48:55Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\ **Post date:** [6. Dezember 2016 um 09:48 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/1 "2016-12-06T09:48:55Z")
Hallo, ich möchte auf der Startseite in ein paar der Boxen Buttons haben. Im Prinzip sollen sie wie die “Jetzt kaufen”-Buttons aussehen. Ich hab mir also die Klassen (btn is–primary is–icon-right is–center) in meinen Button-Tag in der Box kopiert. Diese bleiben auch drin und werden so umgesetzt. Allerdings hatte ich auch noch die Klasse is–center mit kopiert. Die wird mir beim speichern der Einkaufswelt allerdings wieder rausgeschmissen. Genauso habe ich das Icon in der Einkaufswelt noch in meinen Button-Tag gesetzt. Auch das wird beim speichern rausgeschmissen. Ich habe den Code jeweils im Codebereich eingefügt. Kann mir bitte jemand sagen wo der Fehler liegt? Muss ich das anders einbinden? Danke und lg NAdja ---
**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\ **Post date:** [6. Dezember 2016 um 11:17 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/2 "2016-12-06T11:17:09Z")
für CSS Klassen hast du unterhalb der Code extra Platz. mehrere Klassen einfach per Leerzeichen voneiander trennen ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/7/75f2f6a55bebe9e0bef031062732539f33e22e38.jpeg) ---
**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\ **Post date:** [6. Dezember 2016 um 11:47 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/3 "2016-12-06T11:47:46Z")
Sorry, ich meinte nicht diesen Codebereich. Ich habe einen Textbereich und dort hab ich im Editor die zwei eckigen Klammern \<\>. Wenn ich die anklicke, gelange ich in den Codebereich den ich meine. lg nadja ---
**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\ **Post date:** [6. Dezember 2016 um 11:53 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/4 "2016-12-06T11:53:38Z")
Diese “CSS-Klasse” hast du ganz unten auch im Text-Element ---
**Author:** ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)\ **Post date:** [6. Dezember 2016 um 12:00 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/5 "2016-12-06T12:00:29Z")
Ja, aber ich versteh nicht ganz, was sie mir hier bringt. Ich brauch doch die CSS-Klasse für den Button und nicht für den ganzen Textbereich… Steh ich jetzt so auf dem Schlauch? Und mir geht es hauptsächlich um den Icon-Tag der verschwindet. den kann ich doch nicht über die CSS-Klasse lösen. lg Nadja ---
**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\ **Post date:** [6. Dezember 2016 um 12:04 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/6 "2016-12-06T12:04:56Z")
is–center, is–feature, is–header,  is–wasauchimmer verbinde ich mit CSS und nicht mit HTML-Tags. über div class kannst du einfach den Bereich definieren wo die is–wasauchimmer greifen soll. Mach ich auch so mit mein Font Awesom-Icons. im HTML-Bereich einfach eingeben: ``` nach dem Text einfach mit ```   beenden. Wenn du jetzt unten im Feld CSS-Klasse is–wasauchimmer eingibst, greift das NUR auf den div   **edit: Warum auch immer ich hab statt den \<\> Klammern nur quatsch im Codebereich stehen…  wahrscheinlich weil ich das per copy/paste eingefügt habe… soll heißen: \< div class = “is–wasauchimmer” \> und \< / div \> (ohne den ganzen Leerzeichen)** ---
**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\ **Post date:** [6. Dezember 2016 um 12:07 UTC](https://forum.shopware.com/t/button-mit-pfeilsymbol-in-der-einkaufswelt/41986/7 "2016-12-06T12:07:20Z")
      ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/d/da1728664b93fc92db04dd99f96209fc02c9bf5b.jpeg)