# Border/Rahmen um zB Herz oder Account Icon entfernen **URL:** \ **Category:** Themes & Design\ **Created:** [7. Oktober 2015 um 19:20 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185 "2015-10-07T19:20:57Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [7. Oktober 2015 um 19:20 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/1 "2015-10-07T19:20:57Z")
Guten Abend, weiß jemand wie man den Rahmen um zB das Herz-Icon in der Navigation entfernt? Über Hilfe wäre ich sehr dankbar. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [8. Oktober 2015 um 15:21 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/2 "2015-10-08T15:21:04Z")
Kann niemand helfen? ---
**Author:** ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)\ **Post date:** [8. Oktober 2015 um 20:25 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/3 "2015-10-08T20:25:34Z")
[quote=„Swedenmade“]Kann niemand helfen?[/quote] Ich wurde dir mal Raten dich ein wenig mit CSS und Less zu beschäftigen. Wenn du nicht mal so eine einfache Sache hin bekommst sehe ich schwarz. :shock: Das ist eigentlich keine Frage für ein Forum, das ist aus meiner Sicht nur Bequemlichkeit sich mit Sachen auseinanderzusetzen. ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [8. Oktober 2015 um 21:09 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/4 "2015-10-08T21:09:10Z")
1. Eigenes Theme erstellen 2. LESS Dateien anlegen 3. border: 0; an die richtige Stelle schreiben 4. Theme kompilieren und freuen Das wären grob die notwendigen Schritte. Hast du Erfahrung mit LESS oder CSS? ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [9. Oktober 2015 um 01:06 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/5 "2015-10-09T01:06:41Z")
Das Problem dabei ist jedoch das er sich die Änderungen aus der .btn class lädt und damit auch alle border auf 0px setzt. Das heißt ich habe nirgends einen Rahmen mehr. Wie stelle ich das an das er nur die Border von Heart/Account/Basket entfernt? Außerdem ist noch das Problem das Shopware für den Background der Buttons linear-gradient verwendet, das habe ich bisher nicht geschafft zu ändern. Danke bereits für eure Hilfe! ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [9. Oktober 2015 um 01:38 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/6 "2015-10-09T01:38:06Z")
Das Herz Icon hat die Klasse “entry–notepad”, daher kannst du mit ` .entry--notepad a{ border: 0px; background-image: none; } ` den Rahmen und den linear-gradient vom Herz ausblenden. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [9. Oktober 2015 um 02:00 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/7 "2015-10-09T02:00:34Z")
Welche less Datei muss ich dafür denn bearbeiten? Habe bisher alles über die buttons.less Datei versucht. ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [9. Oktober 2015 um 09:38 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/8 "2015-10-09T09:38:24Z")
In der header.less kannst du reinschauen. Und die Klassen .shop–navigation und .navigation–entry. Nicht vergessen den Link zu selektieren mit a. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [9. Oktober 2015 um 14:39 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/9 "2015-10-09T14:39:41Z")
Super danke, das hat funktioniert! 🙂 Ich möchte jetzt gern noch das Icon icon–heart gegen das icon–pencil aus der Shopware Icon Sammlung ersetzten. Dafür habe ich folgenden Code: {extends file=„parent:widgets/checkout/info.tpl“ } {block name=„frontend\_index\_checkout\_actions\_notepad“} - [{if $sNotesQuantity \> 0} {$sNotesQuantity} {/if}]({url controller=‚note‘} „{“) {/block} Leider wird das Icon vollkommen falsch dargestellt und wenn ich die rem größe ändere, ist alles ungleichmäßig. Selbst wenn ich für alle die selbe Höhe definiere. Hast du vllt einen Lösungsansatz dafür? Grüße, Gregor ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [12. Oktober 2015 um 18:00 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/10 "2015-10-12T18:00:52Z")
Kannst du ein Screenshot davon machen? ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [13. Oktober 2015 um 17:00 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/11 "2015-10-13T17:00:43Z")
Also ich bin nicht weiter gekommen als das hier. [http://img5.fotos-hochladen.net/uploads … h2tenf.png](http://img5.fotos-hochladen.net/uploads/bildschirmfotoosuch2tenf.png) ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [13. Oktober 2015 um 17:09 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/12 "2015-10-13T17:09:27Z")
Hallo, schau dir mal in der header.less die Klasse .icon–heart an. Genau dieselben Eigenschaften muss dein .icon–pencil haben, damit die Größe und Position paast. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [13. Oktober 2015 um 18:24 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/13 "2015-10-13T18:24:13Z")
Immer noch: Lern CSS … man kann dir wirklich nicht jeden grundlegenden CSS Schritt nennen. Außerdem merkt man, dass du dich irgendwie noch nicht wirklich damit beschäftigt hast, ärgerlich. Das heart Icon hat eine eigene class wie man in den Dev tools sehen kann ( Grundkentnisse Web Entwicklung ). Unzwar .shop–navigation .navigation–entry .icon–heart Die aktuellen heart styles musst du dann natürlich auf dein neues Icon übertragen. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [13. Oktober 2015 um 19:19 UTC](https://forum.shopware.com/t/border-rahmen-um-zb-herz-oder-account-icon-entfernen/31185/14 "2015-10-13T19:19:08Z")
Ich versuche es zu lernen, aber ich habe vor kurzem bei 0 angefangen. Es ist halt so das ich vieles alleine probiere und dann doch an der Komplexität scheitere. Es ist ja ein langsamer Lernprozess, bei dem man Hilfe braucht. Außerdem helfen meine Fragen auch jedem anderen der wie ich am Anfang steht, denn das Forum ist frei zugänglich.