# Hilfe! Suchleiste lässt sich einfach nicht anpassen! **URL:** \ **Category:** Themes & Design\ **Created:** [3. September 2018 um 13:49 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957 "2018-09-03T13:49:47Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![drahtzieher](https://avatars.discourse-cdn.com/v4/letter/d/c68b51/32.png) [@drahtzieher](https://forum.shopware.com/u/drahtzieher)\ **Post date:** [3. September 2018 um 13:49 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/1 "2018-09-03T13:49:47Z")
Hallo zusammen  ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile") Folgendes: Wöllte die Suchleiste im Header gern anpassen. Sie soll breiter werden und einen Rahmen bekommen. Habe diesen Code mit Stylebot generiert: i.icon–search {     margin-right: -230px; } input.main-search–field {     width: 500px;     margin-left: -18px;     border-color: #5bc0de;     border-width: 2px; }   Jedoch nach hochladen und Cache leeren passiert nichts  ![Undecided](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/8ae622c50104e84c5003fedfcc22572813a67b41.png "Undecided") Ist etwa ein Fehler drin, oder habe ich etwas vergessen?   Danke schon einmal und viele Grüße ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [4. September 2018 um 14:40 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/2 "2018-09-04T14:40:16Z")
Versuch mal folgendes: ``` .navigation--entry.entry--search form.main-search--form input.main-search--field { border: 1px solid red; width: 550px; } .navigation--entry.entry--search form.main-search--form { width: 550px; } .main-search--form .main-search--field { padding: .5625rem .5625rem .5625rem .5625rem; } ```   ---
**Author:** ![drahtzieher](https://avatars.discourse-cdn.com/v4/letter/d/c68b51/32.png) [@drahtzieher](https://forum.shopware.com/u/drahtzieher)\ **Post date:** [5. September 2018 um 05:14 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/3 "2018-09-05T05:14:56Z")
Hallo und danke erstmal  ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile") in der Browsererweiterung zeigt es zwar an, dass es funktioniert, jedoch egal wie man die Header Datei ergänzt oder ersetzt übernimmt es keine Änderung.   Muss noch etwas in der all.less verändert oder ergänzt werden?     ---
**Author:** ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)\ **Post date:** [5. September 2018 um 07:14 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/4 "2018-09-05T07:14:42Z")
Änderungen werden nur im eigenen Theme gemacht. Siehe u.a. z.B. hier: [https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/) ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [5. September 2018 um 11:57 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/5 "2018-09-05T11:57:12Z")
> [@drahtzieher schrieb:](https://forum.shopware.com/profile/29667/drahtzieher "drahtzieher") > > Hallo und danke erstmal  ![Smile](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bac5f5766b6a20565a8fb995345b4e41d24daac0.png "Smile") > > in der Browsererweiterung zeigt es zwar an, dass es funktioniert, jedoch egal wie man die Header Datei ergänzt oder ersetzt übernimmt es keine Änderung. > >   > > Muss noch etwas in der all.less verändert oder ergänzt werden? Leg einfach eine neue CSS Datei in einem Texteditor an, z.B. \_ **my-awesome.css** \_. Dort kopierts Du mein CSS rein! Diese Datei schmeisst Du dann in folgenden Ordner: **_/themes/Frontend/DEIN-THEME/frontend/\_public/src/css_** Um diese Datei dann in Shopware einzubinden, gehst Du in den Thememananger unter: \_ **Einstellungen/Thememanger** \_ Dort klickst du rechts unten auf: \_ **Theme konfigurieren** \_ Dann gehts Du auf den mittleren Reiter \_ **„Konfiguration“** \_ und trägst unter \_ **„Erweiterte Einstellungen-\>weitere CSS“** \_ Dateien folgendes ein: That’s it! ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")   PS: Vergiss aber ja nicht „DEIN-THEME“ mit Deinem benutzten Themenamen auzutauschen!!! ---
**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\ **Post date:** [5. September 2018 um 12:14 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/6 "2018-09-05T12:14:05Z")
Oder ein eigenes TPL (header.tpl) anlegen, dann ist der Name vom Theme egal: ``` {extends file="parent:frontend/index/header.tpl"} {block name="frontend_index_header_css_screen"} {$smarty.block.parent} {/block} ```   ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [5. September 2018 um 12:49 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/7 "2018-09-05T12:49:39Z")
Klar, kann man natürlich auch so machen, aber ich dachte mir, lieber erst mal kleine Brötchen backen… ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink") ---
**Author:** ![drahtzieher](https://avatars.discourse-cdn.com/v4/letter/d/c68b51/32.png) [@drahtzieher](https://forum.shopware.com/u/drahtzieher)\ **Post date:** [20. Juni 2019 um 05:45 UTC](https://forum.shopware.com/t/hilfe-suchleiste-lasst-sich-einfach-nicht-anpassen/54957/8 "2019-06-20T05:45:23Z")
Danke erst einmal für die Antworten. Würde es sehr gern über eine header.tpl oder ähnlich über das eigene Theme lösen. Was müsste alles in der header.tpl drin sein, damit die Suchleiste nur auf der Destop- Ansicht verlängert dargestellt wird?