# nur (!) für Überschrift die Schriftart anpassen

**URL:** <https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477>\
**Category:** Themes & Design\
**Created:** [14. September 2015 um 12:05 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477 "2015-09-14T12:05:49Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![alDente](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@alDente](https://forum.shopware.com/u/alDente)\
**Post date:** [14. September 2015 um 12:05 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/1 "2015-09-14T12:05:49Z")

</div>

Wie man global die Schriftart anpaßt, habe ich dank Hostianer nun erfolgreich hinbekommen. Aber wie geht es nur für h1 Überschriften und andere ausgewählte Elemente? Irgendwo in einer less vermute ich mal … aber wo??

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [14. September 2015 um 12:29 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/2 "2015-09-14T12:29:34Z")

</div>

Du kannst es einfach direkt in deine all.less packen. Wenn du es per less machen möchtest wäre das der Code: `.hClass (@index) when (@index \> 0) { h@{index} { font-family: Arial, sans-serif; } .hClass(@index - 1); } .hClass(6);` Oder ganz normal per CSS `h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; }` Damit bekommen alle headings von 1 bis 6 die font-family Arial. Wie du deine eigene .less anlegst: [https://blog.hostianer.de/shopware-scre … i-anlegen/](https://blog.hostianer.de/shopware-screencast-eigene-less-datei-anlegen/)

---

<div class="post-metadata">

**Author:** ![alDente](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@alDente](https://forum.shopware.com/u/alDente)\
**Post date:** [14. September 2015 um 14:00 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/3 "2015-09-14T14:00:00Z")

</div>

Super, vielen Dank … … und wie kann ich zB den Artikelpreis anpassen? Also die Schriftart dazu?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [14. September 2015 um 14:11 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/4 "2015-09-14T14:11:44Z")

</div>

> [@alDente](#):
>
> Super, vielen Dank … … und wie kann ich zB den Artikelpreis anpassen? Also die Schriftart dazu?

---

<div class="post-metadata">

**Author:** ![alDente](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@alDente](https://forum.shopware.com/u/alDente)\
**Post date:** [14. September 2015 um 14:13 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/5 "2015-09-14T14:13:58Z")

</div>

… leider funktioniert deine Anleitung nur teilweise. Der Artikelname bei der Artikelansicht ist geändert, nicht aber die Überschriften in den Beschreibungen. Also zB “Produktinformationen …” oder “Weiterführende Links …” Laut Quellcode sind das auch divs … … wie passe ich diese denn an? [code]

Produktinformationen “Beispielartikel”  
[/code]

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [14. September 2015 um 14:19 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/6 "2015-09-14T14:19:42Z")

</div>

Ich empfehle dir erst einmal [HTML + CSS Grundlagen](http://www.html-seminar.de/html-grundlagen.htm). Möchtest du diesen Titel anpassen, dann musst du natürlich entsprechend `.content--title { font-family: deinefont; }` schreiben.

---

<div class="post-metadata">

**Author:** ![alDente](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@alDente](https://forum.shopware.com/u/alDente)\
**Post date:** [14. September 2015 um 14:20 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/7 "2015-09-14T14:20:56Z")

</div>

Ah perfekt, dein zweiter Beitrag war genau was ich gesucht hab! Danke! 😃 😃 😃 😃 :thumbup: (ich weiß immer nicht, was in welche .less gehört …)

---

<div class="post-metadata">

**Author:** ![envigo](https://avatars.discourse-cdn.com/v4/letter/e/f19dbf/32.png) [@envigo](https://forum.shopware.com/u/envigo)\
**Post date:** [24. Februar 2016 um 17:14 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/8 "2016-02-24T17:14:13Z")

</div>

Hallo Forum,

ich bin seit gestern neu im Thema Shopware und bin gerade dabei, ein Template basierend auf dem Responsive Design abzuändern. Mit “Theme konfigurieren” komme ich ja gut klar, aber ich möchte gerne die Überschriften weniger fett dargestellt bekommen. Bei “Theme konfigurieren” kann ich ja die globale Schriftart ändern und auch die Überschrift (@font-headline-stack). Leider wird die Überschrift aber nach wie vor zu fett angezeigt und ich möchte gerne eine feinere Schrift. Also die Schriftart stimmt ja, aber sie wird anscheinend gefettet und das möchte ich nicht. Wo kann ich das ändern?

Und dabei gleich noch eine andere Frage zum Thema CSS: Kann ich CSS-Einträge auch direkt im Shopware-Backend bearbeiten oder muss ich dazu den Weg über einen externen Editor gehen? Falls Editor: Wo liegen denn die CSS-Dateien, die ich für mein Theme bearbeiten muss?

Vielen Dank schonmal für Eure Antworten.

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [25. Februar 2016 um 08:19 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/9 "2016-02-25T08:19:20Z")

</div>

In Shopware wird mit der Präprozessor-Sprache less gestyled. Das hat etliche Vorteile.

Wenn du die Überschrift nicht Fett haben willst brauchst du ein eigenes Theme. Da sonst bei einem Update deine Änderungen überschrieben werden können.

Ein eigenes Theme kann man bequem über den Theme-Manager im Backend vom Responsive Theme ableiten.

Und dann wird hier beschrieben wie das Theme aufgebaut ist und wie man Änderungen vornimmt:

[https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/)

---

<div class="post-metadata">

**Author:** ![envigo](https://avatars.discourse-cdn.com/v4/letter/e/f19dbf/32.png) [@envigo](https://forum.shopware.com/u/envigo)\
**Post date:** [25. Februar 2016 um 09:11 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/10 "2016-02-25T09:11:49Z")

</div>

Ich habe bereits ein eigenes Theme erstellt. Es basiert auf dem Responsive Design ist aber unter eigenen Namen abgespeichert. Danke für den Link zum umfangreichen Designer-Guide, aber kannst Du mir kurz sagen, wie ich Style-Änderungen vornehmen kann? Geht das irgendwie im Backend? Muss ich mit einem externen Editor ran und wenn ja, welche Datei ist für all die Formatierungen verantwortlich und wo finde ich die?

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [25. Februar 2016 um 09:24 UTC](https://forum.shopware.com/t/nur-fur-uberschrift-die-schriftart-anpassen/30477/11 "2016-02-25T09:24:09Z")

</div>

> [@envigo schrieb:](https://forum.shopware.com/profile/23170/envigo "envigo")
> 
> Ich habe bereits ein eigenes Theme erstellt. Es basiert auf dem Responsive Design ist aber unter eigenen Namen abgespeichert. Danke für den Link zum umfangreichen Designer-Guide, aber kannst Du mir kurz sagen, wie ich Style-Änderungen vornehmen kann? Geht das irgendwie im Backend? Muss ich mit einem externen Editor ran und wenn ja, welche Datei ist für all die Formatierungen verantwortlich und wo finde ich die?

Hallo,

genau dies findest du im Designer Guide, zum dem steinsoftware ein Link gepostet hat. Eine Beispielsumsetzung findet man beispielsweise hier:

[Example - Custom listing page](https://developers.shopware.com/designers-guide/custom-listing-page/) , Bereich " **Styling**".

Das Thema LESS wird hier behandelt: [Getting started with LESS](https://developers.shopware.com/designers-guide/less/) .

Beste Grüße

Sebastian
