# Logo austauschen mit GRÖßEREM Logo

**URL:** <https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356>\
**Category:** Shopware 3.5\
**Tags:** general\
**Created:** [3. September 2012 um 02:36 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356 "2012-09-03T02:36:31Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![soigroeg](https://avatars.discourse-cdn.com/v4/letter/s/85f322/32.png) [@soigroeg](https://forum.shopware.com/u/soigroeg)\
**Post date:** [3. September 2012 um 02:36 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/1 "2012-09-03T02:36:31Z")

</div>

Hallo Freunde, in [diesem Thread](http://forum.shopware.de/allgemein-f25/logo-andert-sich-nicht-t8308.html) wird darauf eingegangen, wie man das Logo austauschen kann. Jetzt habe ich noch eine zusätzliche Frage wie man das Logo austauschen kann, mit einem noch größerem Logo. Die Maße des Demo-Logo Logo.jpg sind ja width: 151px und height: 41px. Wenn ich mein Logo einfügen will, welches erheblich größer ist, und einfach die Maße in der emotion.css file auslasse, wird trotzdem nur der obere linke Rand meines Logos angezeigt, also gerade die 151px\*41px. Kann da jemand eine kurze Erklärung abliefern. Wäre darüber sehr dankbar. Grüße, Georg

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [3. September 2012 um 07:07 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/2 "2012-09-03T07:07:55Z")

</div>

Du musst den CSS Container für dein Logo schon auf die Größe des Logos anpassen. MfG Frank

---

<div class="post-metadata">

**Author:** ![monalito](https://avatars.discourse-cdn.com/v4/letter/m/f08c70/32.png) [@monalito](https://forum.shopware.com/u/monalito)\
**Post date:** [10. Oktober 2012 um 23:36 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/3 "2012-10-10T23:36:27Z")

</div>

Hallo, habe das Gleiche Problem. Versuchsweise habe ich die Anpassung in der Datei emotion.css des Haupttemplates \_emotion durchgeführt und es hat funktioniert. Von Änderungen im Haupttemplate wird hier jedoch immer abgeraten, da diese beim nächsten Update überspielt werden. Habe daher ein eigenes template nach Anleitung “Schnelleinstieg Template Tutorial 4” gemacht. Jetzt stellt sich die Frage, was genau ich hier in der css-Datei eintragen soll. Kann jemand ein Beispiel-Code liefern? Danke Michael

---

<div class="post-metadata">

**Author:** ![soigroeg](https://avatars.discourse-cdn.com/v4/letter/s/85f322/32.png) [@soigroeg](https://forum.shopware.com/u/soigroeg)\
**Post date:** [11. Oktober 2012 um 00:28 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/4 "2012-10-11T00:28:41Z")

</div>

[quote=„monalito“] Kann jemand ein Beispiel-Code liefern? Danke Michael[/quote] Etwas schwierig, da jeder CSS-Code an die individuelle Grafik angepasst werden muss. Aber hier siehst du mal, wie ich es gemacht habe: Im „emotion.css“ Die veränderte Zeile ist Zeile 15. Irgendwo muss ich auch irgendwo die „height“ verändert haben. Aber dies erstmal nur als Beispiel. Hoffe es hilft. `/\* TEMPLATE SPECIFIC STYLES ------------------------ \*/ html {background: url(../images/backgrounds/bg\_header\_shadow.png) no-repeat center 115px #e9ebed;} input[type="text"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #e1540f;} a.del {background: url(../images/icons/ico\_delete.png) no-repeat 0 0;} a.del:hover {background-position: 0 bottom;} a {text-decoration: none !important;} a:hover {color:#e1540f;} #header {background: #fff; border-bottom: 1px solid #D3D3D3; height: 138px; margin-bottom: 30px;} #header .inner {width: 998px; height: 115px;margin: 0 auto;position: relative;} #header #logo {margin: 0;} #header #logo a {background: url(../images/logo.jpg) no-repeat;width: 200px; height: 130px;margin: 40px 0 0; margin-top:5px;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/icons/ico\_listing-next.png) 240px center no-repeat;} #content #left ul li.active li a {background: url(../images/icons/ico\_listing-next.png) no-repeat left center !important;} ` gruß, Georg

---

<div class="post-metadata">

**Author:** ![monalito](https://avatars.discourse-cdn.com/v4/letter/m/f08c70/32.png) [@monalito](https://forum.shopware.com/u/monalito)\
**Post date:** [11. Oktober 2012 um 11:25 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/5 "2012-10-11T11:25:45Z")

</div>

Hallo Georg, danke für die schnelle Antwort. So wie Du habe ich es auch schon probiert und festgestellt, dass es einwandfrei funktioniert. Das Problem ist nur, dass Du die Änderung in der Datei emotion.css , also im Standardtemplate vorgenommen hast. Meines Wissens wird diese jedoch bei jedem neuen Update von Shopware überschrieben. Dann wäre das Logo wieder weg (bzw. auf alte Größe reduziert). Shopware rät dazu, alle Änderungen immer im eigenen Template zu machen, da dieses beim Update nicht überschrieben wird. Aber, und dies ist mein Problem, im eigenen Template existiert der Abschnitt /\* TEMPLATE SPECIFIC STYLES# erst gar nicht. Demzufolge kann ich dort nix ändern, sondern muss etwas komplett neu reinschreiben. Die Frage ist nur…was? LG Michael

---

<div class="post-metadata">

**Author:** ![Stefan\_Heyne](https://avatars.discourse-cdn.com/v4/letter/s/bbe5ce/32.png) [@Stefan\_Heyne](https://forum.shopware.com/u/Stefan_Heyne)\
**Post date:** [11. Oktober 2012 um 11:46 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/6 "2012-10-11T11:46:49Z")

</div>

Hi, dieser Thread sollte Dir helfen: [Updatekompatibel Logo austauschen](http://forum.shopware.de/installation-einstieg-f54/vererbung-ich-glaube-ich-bin-blod-t8980.html?hilit=bl%C3%B6d) Stefan

---

<div class="post-metadata">

**Author:** ![monalito](https://avatars.discourse-cdn.com/v4/letter/m/f08c70/32.png) [@monalito](https://forum.shopware.com/u/monalito)\
**Post date:** [11. Oktober 2012 um 12:31 UTC](https://forum.shopware.com/t/logo-austauschen-mit-grosserem-logo/8356/7 "2012-10-11T12:31:27Z")

</div>

Hi Stefan, vielen Dank, genau das war´s was ich gesucht habe. Hat auf Anhieb geklappt. Muss jetzt nur noch das Suchfeld etwas nach rechts schieben, dann stimmt die Optik. Nochmals Danke LG Michael
