# Suchbalken verschieben

**URL:** <https://forum.shopware.com/t/suchbalken-verschieben/7340>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [8. Juni 2012 um 16:33 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340 "2012-06-08T16:33:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexmsi](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@Alexmsi](https://forum.shopware.com/u/Alexmsi)\
**Post date:** [8. Juni 2012 um 16:33 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/1 "2012-06-08T16:33:19Z")

</div>

Hallo Gemeinsam, ich suche bereits seit 2 Stunden den blöden Suchbalken aus seinem Zentrum nach links oder nach rechts zu verschieben. Kann mir einer einen Hinweis geben, wo ich dessen Positionskoordinaten finde ? Vielen Dank!

---

<div class="post-metadata">

**Author:** ![waldicom](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/waldicom/32/12881_2.png) [@waldicom](https://forum.shopware.com/u/waldicom)\
**Post date:** [8. Juni 2012 um 17:46 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/2 "2012-06-08T17:46:54Z")

</div>

Ist das Suchfeld gemeint? Dann hier (style.css): `div.inner\_searchcontainer`

---

<div class="post-metadata">

**Author:** ![Alexmsi](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@Alexmsi](https://forum.shopware.com/u/Alexmsi)\
**Post date:** [10. Juni 2012 um 02:39 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/3 "2012-06-10T02:39:09Z")

</div>

Super, vielen Dank. Prima funktioniert. Jedoch habe ich ein weiteres Problem: Ich würde gerne die Hintergrundfarbe ändern. Also die, die im Container 20 ist, sondern die komplette, praktisch die an den Seitenrändern. Dies sollte ja damit gehen: ` html {background-color: #000000;} ` Doch leider ändert sich die Farbe nicht ?!

---

<div class="post-metadata">

**Author:** ![ChrisTucker](https://avatars.discourse-cdn.com/v4/letter/c/6f9a4e/32.png) [@ChrisTucker](https://forum.shopware.com/u/ChrisTucker)\
**Post date:** [10. Juni 2012 um 09:59 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/4 "2012-06-10T09:59:51Z")

</div>

> [@Alexmsi](#):
>
> Also die, die im Container 20 ist, sondern die komplette, praktisch die an den Seitenrändern.

---

<div class="post-metadata">

**Author:** ![Alexmsi](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@Alexmsi](https://forum.shopware.com/u/Alexmsi)\
**Post date:** [11. Juni 2012 um 01:47 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/5 "2012-06-11T01:47:53Z")

</div>

Hallo, vielen Dank. Das funktioniert soweit auch ganz gut. Aber leider wird komischerweise der untere Teil der Page dann eben die gewählte Farbe. Der Obere bleibt die selbe ? Weshalb ? Vielen lieben dank!

---

<div class="post-metadata">

**Author:** ![topspeed](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@topspeed](https://forum.shopware.com/u/topspeed)\
**Post date:** [12. Juni 2012 um 17:04 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/6 "2012-06-12T17:04:15Z")

</div>

was steht bei Dir in der entsprechenden style.css , Zeile 524 unter „background-repeat“? Hier soll es „no-repeat“ stehen. Gruss

---

<div class="post-metadata">

**Author:** ![Alexmsi](https://avatars.discourse-cdn.com/v4/letter/a/258eb7/32.png) [@Alexmsi](https://forum.shopware.com/u/Alexmsi)\
**Post date:** [13. Juni 2012 um 00:53 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/7 "2012-06-13T00:53:51Z")

</div>

Wunderbar! Alles gelöst. 🙂 Vielen Dank!

---

<div class="post-metadata">

**Author:** ![graaa](https://avatars.discourse-cdn.com/v4/letter/g/ad7895/32.png) [@graaa](https://forum.shopware.com/u/graaa)\
**Post date:** [25. Juni 2012 um 19:37 UTC](https://forum.shopware.com/t/suchbalken-verschieben/7340/8 "2012-06-25T19:37:56Z")

</div>

Hi zusammen, ich würde mich gerne kurz hier noch dranhängen, weil ich auch so einen kleinen Kampf mit dem Suchfeld habe. Ich habe aus der style.css aus dem \_default-Template jetzt die entsprechenden Zeilen für die Suche kopiert und in mein eigenes Template kopiert. Das Suchfeld selber bekomme ich auch verschoben, doch die dazugehörigen Grafiken (der Pfeil rechts, das Lupenzeichen etc) verschwinden dann und ich bin einfach zu blind, um rauszufinden, welche Parameter ich dafür ändern muss und wie. Kann mir da vielleicht jemand auf die Sprünge helfen? Verändert habe ich bis jetzt nur diese Zeile (bzw nur den margin-Wert) div.inner\_searchcontainer {height: 24px;width: 270px;margin:6px 0 0 25px;position: relative;} und mit den folgenden Zeilen hab ich schon etwas herumgespielt, aber ohne sichtbare Veränderung. Gruß, graaa
