# Farbverlauf im Hintergrund

**URL:** https://forum.shopware.com/t/farbverlauf-im-hintergrund/12542
**Category:** Shopware 3.5
**Tags:** themes--design
**Created:** [6. April 2013 um 21:48 UTC](https://forum.shopware.com/t/farbverlauf-im-hintergrund/12542 "2013-04-06T21:48:26Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![regentanker](https://avatars.discourse-cdn.com/v4/letter/r/50afbb/32.png) [@regentanker](https://forum.shopware.com/u/regentanker)
#### Post date: [6. April 2013 um 21:48 UTC](https://forum.shopware.com/t/farbverlauf-im-hintergrund/12542/1 "2013-04-06T21:48:26Z")

</div>

Hi, ich würde meinem shop gerne einen neuen Hintergrund verpassen. Der Hintergrund soll ein weicher Farbverlauf von hellgrau (auch die Farbe meines Headers) zu weiß (Farbe meines Footers) werden. Wie stelle ich das am besten an? Mit einer Hintergrundgrafik? wie bekomme ich es dann hin, dass es bei gängigen Auflösungen korrekt dargestellt wird? Bin noch Anfänger, deswegen bitte gnäfig sein. 😉 Gruß

---

<div class="post-metadata">

### Author: ![Wonderlens](https://avatars.discourse-cdn.com/v4/letter/w/8edcca/32.png) [@Wonderlens](https://forum.shopware.com/u/Wonderlens)
#### Post date: [7. April 2013 um 00:14 UTC](https://forum.shopware.com/t/farbverlauf-im-hintergrund/12542/2 "2013-04-07T00:14:52Z")

</div>

Hallo, bei mir steht das in der CSS so: `/\*\* Background image \*/ body { background: url("../images/bg.gif") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }` Die .gif selber wäre dann eine kleine Datei mit einem entsprtechenden Farbverlauf. Viel Erfolg!

---

<div class="post-metadata">

### Author: ![regentanker](https://avatars.discourse-cdn.com/v4/letter/r/50afbb/32.png) [@regentanker](https://forum.shopware.com/u/regentanker)
#### Post date: [7. April 2013 um 14:01 UTC](https://forum.shopware.com/t/farbverlauf-im-hintergrund/12542/3 "2013-04-07T14:01:07Z")

</div>

Funktioniert, vielen Dank! :thumbup:
