# Hintergrundbild einsetzen funktioniert nicht
**URL:** https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [23. Oktober 2013 um 17:29 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335 "2013-10-23T17:29:34Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@topspeed](https://forum.shopware.com/u/topspeed)
#### Post date: [23. Oktober 2013 um 17:29 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/1 "2013-10-23T17:29:34Z")
Hallo community, wenn ich ein eigenes Hintergrundbild einsetzen will, passiert leider nichts. Dieses lade ich in meintemplate/backgrounds als bg\_body.png hoch. Wenn ich es vom FTP wieder herunterlade, ist „keine Vorschau möglich“. Es sieht so aus, als hätte das Bild das Format beim Hochladen verloren. Kann mir jemand behilflich sein? Vielen Dank!
---
### Author:  [@bluewolf](https://forum.shopware.com/u/bluewolf)
#### Post date: [23. Oktober 2013 um 19:42 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/2 "2013-10-23T19:42:11Z")
Hallo, bei der Seite [http://www.Rosengarten24.de](http://www.Rosengarten24.de) habe ich folgenden Code in der CSS: ` html { background-attachment: fixed; background-color: rgba(0, 0, 0, 0); background-image: url("../images/backgrounds/main\_bg.jpg"); background-origin: padding-box; background-position: center top; background-repeat: no-repeat; width: 100%; } ` Das sollte eigentlich gehen.
---
### Author:  [@topspeed](https://forum.shopware.com/u/topspeed)
#### Post date: [24. Oktober 2013 um 09:36 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/3 "2013-10-24T09:36:39Z")
Hallo bluewolf, vielen Dank für den Code. Leider passiert nach wie vor nichts. Ist es wichtig an welche Stelle man den Code in die CSS einfügt?
---
### Author:  [@bluewolf](https://forum.shopware.com/u/bluewolf)
#### Post date: [24. Oktober 2013 um 17:54 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/4 "2013-10-24T17:54:25Z")
Hallo, es sollte eine gewisse Reihenfolge eingehalten werden, sonst kann ja ein späterer Eintrag den Background wieder überschreiben. Den Code einfach mal in der black.css am Ende einfügen. EDIT: Firebug sagt mir, dass die Datei nicht gefunden wird!
---
### Author:  [@topspeed](https://forum.shopware.com/u/topspeed)
#### Post date: [25. Oktober 2013 um 08:55 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/5 "2013-10-25T08:55:00Z")
Hallo bluewolf, danke für deine Mühe. Nach wie vor passiert nichts. Hier meine ganze CSS: [code] /\*\* Shopware 3.5 Template Colors [http://shopware.de](http://shopware.de) @package default @subpackage css @category design @version v1 @author stp/Shopware AG
@copyright Copyright © 2010 Shopware AG ([http://www.shopware.de](http://www.shopware.de))
```
This stylesheets contains all color hexcodes which are used in
the default template.
MAIN COLORS
Borders: #c7c7c7
Backgrounds: #E30416
Highlights: #000000
Primary text: #333333
Secondary text: #777777
Separators: #cccccc
```
\*/
/\* GENERAL
------------------------ \*/
html, a, a:link, a:active, a:hover, a:visted {color: #333;}
html {padding-top: 0px;}
body {padding-top: 30px;}
.container\_20 {background-color: #fff; border-color: #cdcdcd;margin-top: 0;}
h2, h3 {color:#999}
div.ico\_new, div.ico\_tipp, div.ico\_esd {color: #fff;}
input.text {border-color: #bbb;}
div#article\_details p.red {color:#264409}
#trustedShopsLogo, #paypalLogo, #paypalLogo\_noborder {border-color: #c7c7c7;background-color: #f5f5f5;}
#trustedShopsLogo .inner\_container, #paypalLogo .inner\_container, #paypalLogo\_noborder .inner\_container {border-color:#e3e3e3;background: #fff;}
#trustedShopsLogo p, #paypalLogo p, #paypalLogo\_noborder p {color: #777;}
.trustedshops\_form {border-color:#c7c7c7;}
/\* Lines \*/
hr.line {color: #000000;background-color: #000000; border-color: #000000}
hr.smallline {background-color:#c7c7c7}
/\* HEADING BOX
------------------------ \*/
#content .headingbox, #content .headingbox\_nobg, #content .headingbox\_dark {color: #000000;border-color: #c7c7c7;background-color: #fff;}
/\* TABLE
------------------------ \*/
tfoot {background-color:#2c2c2c; border-color:#dfdfdf;}
tfoot .last {border-color: #333}
/\* BUTTONS
------------------------ \*/
a.button, input.button.small {color:#fff}
a.link {color:#666}
/\* SHOP NAVIGATION
------------------------ \*/
#topbar input {color: #999;border-color:#363636;}
#topbar input:hover {border-color: #c7c7c7}
#topbar .currency {border-color: #c7c7c7}
#topbar select {color: #999;}
.my\_options a {color: #000000}
#mainNavigation {background-color: #E30416;}
#mainNavigation a {color:##e9e9e9;border-left-color: #E30416;border-right-color:#E30416;}
#mainNavigation .dropactive:hover a {color: #fff;}
#mainNavigation a.first {border-left-color: #E30416;}
#mainNavigation a.active {color: #000000;}
/\* Drop down menu \*/
#mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #fff;border-color: #E30416;border-bottom-color: #fff;color: #000;}
#mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #000000;background-color: #DCDCDC;}
#mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #000000; background-color: #fff;}
#mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #000000;background-color: #DCDCDC;}
#mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #000000;background-color: #fff;}
#mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #000000;color:#fff;}
#mainNavigation ul li.dropactive:hover ul.dropdown li li:hover a {color: #fff;}
#mainNavigation ul li.dropactive:hover li:hover a {color: #fff;background-color: #000000;}
#mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #fff; border-color: #E30416;}
#mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #fff;border-color: #E30416;}
#mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #fff;}
#mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #000000;}
#mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#000000;border-color: #c7c7c7;}
/\* AJAX BASKET
------------------------ \*/
.ajax\_basket\_result, #header .ajax\_basket\_container {border-color: #c7c7c7; background-color: #f5f5f5;}
.ajax\_basket\_container .ajax\_basket, #shopnavi .my\_options a {color: #000000;}
.ajax\_basket\_result .inner\_cart div {background-color: #fff;}
.ajax\_basket\_result .inner\_cart div.premium {background-color: #E6EFC2; color: #264409;}
.ajax\_basket\_result .inner\_cart div.premium a {color: #264409;}
.ajax\_basket\_result .inner\_cart div.bundle {background-color: #FBE3E4;color:#8A1F11;}
.ajax\_basket\_result .inner\_cart div.bundle a {color: #8a1f11}
.ajax\_basket\_result .inner\_cart {border-color: #c7c7c7;background-color: #c7c7c7;}
/\* BREADCRUMB
------------------------ \*/
div#breadcrumb {border-color: #fff;color: #777}
div#breadcrumb a {color: #777;}
div#breadcrumb a.last {color:#000000}
div#breadcrumb .sep {color:#ccc}
/\* SIDEBAR LEFT
------------------------ _/
#content #left ul li {border-color: #fff;}
#content #left ul li, .basket\_dispatch\_description {background-color: #e5e5e5;}
#content #left ul li a {color: #000000;}
#content #left ul li.active {background-color: #fff;border-color: #e9e9e9;}
#content #left ul li.active.sub a.active {border-bottom-color: #e9e9e9}
#content #left ul li.active li {background-color: #fff;}
#content #left ul li.active li a {color:#474747;}
#content #left ul li.active li.active a {color: #000000;}
#content #left ul li.active li.active li a {color:#797979;}
#content #left ul li.active li.active li a.flag {color:#000000;}
#content #left ul li.active li.active li.active a.flag {color:#797979;}
#content #left ul li.active ul.submenu ul, #content #left ul li.active ul.submenu ul.submenu ul.submenu {border-color: #e9e9e9;}
#content #left ul#servicenav {border-color: #c7c7c7; border-left-color: #fff;}
#content #left ul#servicenav li.heading {color: #636363;border-left-color:#e3e3e3;border-bottom-color:#e3e3e3;}
#content #left ul#servicenav li a {color:#7f7f7f}
#content #left ul li.active li.active li .level3 li.active a {color: #000000;}
#content #left a.campaign\_box {display:block;text-align:center;background-color: #e3e3e3;}
/_ SIDEBAR RIGHT
------------------------ \*/
#content #right div.heading {border-color: #e3e3e3;}
#content #right div.heading h2 {color: #000000;}
div.supplier\_filter, div.supplier\_filter h5 {border-color: #c7c7c7;}
div.supplier\_filter div {border-color: #c7c7c7;border-bottom-color: #fff;color:#5c5c5c}
div.supplier\_filter div.active {color: #000000;}
div.supplier\_filter ul li {background-color: #fff;border-color: #c7c7c7;}
div.supplier\_filter ul li a {color:#666;}
div.supplier ul li, div#hersteller\_filter ul li {border-color: #dfdfdf;}
div.supplier ul li.active a {color:#000000;}
div.supplier\_filter, div#hersteller\_filter span {background-color: #fff;border-color:#ccc;}
div.supplier, div.blogFilter, div.blogInteract {background-color: #fff; border-color:#c7c7c7;}
div.supplier ul li, div.blogFilter ul li, div.blogInteract ul li {border-color: #c7c7c7;}
div.supplier ul li.active a, div.blogFilter ul li.active a, div.blogInteract ul li.active a {color:#000000;}
div.supplier ul li.image {background-color: #fff;}
#content #right\_custom .inner\_container, .bt\_allsupplier {border-color: #c7c7c7;}
/\* CONTENT CENTER
------------------------ \*/
.teaser, .teaser\_small {border-color:#e7e7e7;}
.blogentry .post\_metadata {color:#A8A7A7}
.blogentry .post\_metadata span {border-color:#e6e6e6;}
#center .teaser\_small h1, #content .orders h1, #content .downloads h1, #content #ticket h1 {color: #999;}
#content .cat\_text .inner\_container, #content .register .supplier\_register .inner\_container {border-color: #c7c7c7;}
#content .cat\_text h1, #content .custom h1, #content .supplier\_register h1 {color: #000000;}
#supplierfilter, .notice {border-color: #000000;background-color: #fff;}
.notice, .notice a {color:#333;}
/\* GENERAL LISTING
------------------------ \*/
.listing\_actions {background-color:#f5f5f5;border-color:#c7c7c7;}
.listing\_actions .bottom {border-color:#e3e3e3;}
.listing\_actions a.perpage, .listing\_actions.bottom a.perpage, .listing\_actions.bottom a.navi, .listing\_actions a.navi {background-color:#fff;border-color:#c7c7c7;}
.listing\_actions div.more {background-color:#FFFFFF;border:1px solid #C7C7C7;}
.listing\_actions a.on, .listing\_actions.bottom a.on {background-color:#000000;color:#fff;}
.artbox {border-color: #c7c7c7;}
#listing-1col .artbox {border-color:#c7c7c7;border-top-color:#e3e3e3;}
.artbox.first {border-top-color: #c7c7c7;}
.artbox.last {border-bottom-color:#c7c7c7;}
.artbox .inner {border-color:#fff;}
.artbox p.desc {color: #777;}
.artbox .actions a, #related .listing .artbox .actions a, .listing\_actions .offers {color: #696969;border-color: #e3e3e3;}
.artbox .actions a.more, #related .listing .artbox .actions a.buynow, .listing\_actions .offers:hover {color: #000000;}
.artbox p.pseudoprice span.price {color:#990000;}
.artbox span.pseudo {color: #777;}
.listing\_actions .offers:hover {border-color: #c7c7c7;}
#listing-1col .artbox.last {border-color: #c7c7c7;border-top-color:#e3e3e3;}
/\* ARTICLE DETAILS
------------------------ \*/
#detail h1 {color:#333;}
#detail .border {border-color: #c7c7c7;}
#detail, #detail a, #content #detail .article\_details strong.supplier {color:#999;}
.article\_overview {color:#9c9c9c}
.article\_overview a {color:#7a7a7a;}
#detail .article\_details\_price2 strong {color: #990000}
#content #detail #detailbox\_middle .article\_details\_price strong {color: #333;}
.cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb\_box a:hover, ul#menu\_right {border-color:#dedede}
#thumbs a:hover, #thumbs a.active {border-color:#555}
.thumb\_box a {border-color:#e3e3e3;background-color:#fff;}
.thumb\_box a:hover {border-color: #999}
.deliverable1 {color: #009900;}
.deliverable2 {color: #514721;}
.deliverable3 {color: #990000;}
.deliverable4 {color: #990000;}
.box\_bundleset {border-color:#c7c7c7;}
#detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #c7c7c7;}
.box\_bundleset .bundlePrice {color: #333;}
.bundle\_container .bundleset .discount {color: #990000}
.bundle\_box .box\_bundleArticleNames {background-color: #fff}
.ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;}
.ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner\_tabs {border-color: #c7c7c7}
#detail #detail\_menu li, #detail #detail\_menu li.lastrow {border-color: #c7c7c7; color:#555;border-bottom-color:#c7c7c7;}
#detail #detailinfo .similar {border-left-color:#e3e3e3;}
#detail #detailinfo .similar .artbox .artbox\_thumb {border-color: #dbdbdb;background-color: #fff;}
#detail #detailinfo .similar .artbox strong.title {color: #999;}
#detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333}
#detail #detailinfo #description {color: #555;}
#detail #detailinfo .ui-tabs-panel h3 {color: #333;}
#detail #detailinfo .ui-tabs-panel .date {color: #999;}
#detail #detailinfo .ui-tabs-panel .author {color: #666;}
#detail #detailinfo #comments .comment\_block {border-color:#e3e3e3;}
#sendArticleNotification {border-color: #c7c7c7; background-color: #f5f5f5;}
#sendArticleNotification label {color: #555;}
#buybox .upprice\_config strong, #buybox .config\_select strong {color: #000000;}
#content #buybox .basketform .accessory\_overlay {background-color:#fff;}
#buybox .accessory\_container .accessory\_group {border-color: #c7c7c7;}
#content #buybox .basketform .accessory\_overlay .title, #content #buybox .basketform .accessory\_overlay .price {color: #333;}
#buybox .accessory\_container label {color: #555;}
#detail #detailinfo {background-color: #efefef}
/\* BASKET PAGE
------------------------ _/
/_ General table coloring \*/
.table .table\_head {background-color: #F5F5F5;border-color:#c7c7c7;}
.table .table\_row, .table .lastrow, .table .table\_foot {border-color: #C7C7C7;border-top-color: #e3e3e3;}
.table .ordernumber, .table .supplier, .table .zoom\_picture {color: #999;}
/\* Row specific row coloring \*/
.table .bundle\_row, #basket .bundle\_row {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.table .table\_foot #aggregation\_left strong, .table .table\_foot #aggregation strong {color: #707070;}
.table .table\_foot #aggregation .border, .table .table\_foot #aggregation .doubleborder {border-color: #c7c7c7;}
/\* Premium row \*/
.table .table\_premium, #basket .table\_premium {border-color:#c7c7c7;background-color:#f5f8e3;color:#65956b}
.table .table\_premium .body .article, #basket .table .table\_premium .body .article, .table .table\_premium .body .article .thumbnail, #basket .table .table\_premium .body .article .thumbnail {background-color:#fff;border-color:#dadada;}
.table .table\_premium h5, #basket .table\_premium h5 {color:#43691E}
.table .table\_premium .bonus\_price .pr2, #basket .table .table\_premium .bonus\_price .pr2 {color:#e30416;}
.table .table\_premium div.body div.article .name a, #basket .table .table\_premium div.body div.article .name a, .table .table\_premium .bonus\_price p.pr2, #basket .table .table\_premium .bonus\_price p.pr2 {color: #666}
.shippingfree\_basket {background-color: #EEF6C7;color: #758E00;}
.accept\_box {background-color: #696969;}
.accept\_box h3 {color:#fff;}
div.table\_foot .box {background-color: #f5f5f5;border-color: #c7c7c7;}
#content #left #recalcShipping, .basket\_dispatch\_description {border-color: #c7c7c7;border-left-color: #fff;}
#content #left.basket h5, .basket\_dispatch\_description h3 {color: #000000;}
div#notes .table\_row .first a.zoom\_picture {color: #a1a1a1}
div#notes .table\_row .action a.basket {border-color: #efebe2;}
div.table\_foot input.button\_tablefoot {color: #fff;}
#content div.table\_foot .totalamount strong {color: #333}
div#notes .table\_row .action a.basket {color: #000000;}
/\* change details \*/
.info div {border-color: #c7c7c7;}
.info div .heading, #login div h2 {color: #000000;border-color: #c7c7c7; border-color-left: #fff;}
#content .inner .check\_order {border-color: #c7c7c7;}
#content .inner .check\_order h2 {color: #000000;}
#content .inner .check\_order strong {color: #333;}
/\* LOGIN AND REGISTER
------------------------ \*/
div#right.register h2 {color: #000000; border-color: #c7c7c7;}
div#right.register ul {border-color: #c7c7c7;}
#login .inner\_container {background-color:#f5f5f5;border-color:#c7c7c7}
#schnellregistrierung, .registerform {background-color: #F6F6F6;}
#right.register ul {color:#666}
.payment fieldset {background-color:#f6f6f6;border-color:#dedede}
.register .personal\_settings, .register .shipping\_address, .register .payment\_method, .register .company\_informations, .register .alternative\_shipping {border-color: #c7c7c7; background-color: #f3f3f3}
.register div h2.heading {background-color: #fff;color:#000000;}
#content .tellafriend .register h2.headingbox\_dark {border-color: #c7c7c7;}
.basket .agb {background-color: #f5f5f5;border-color: #c7c7c7;}
.register .payment\_method .method {border-bottom-color: #dadada}
#content #left select {background-color: #f5f5f5;}
/\* Step box \*/
div.step\_box ul li {border-color: #ebebeb}
div.step\_box ul li.active {border-color: #c7c7c7;}
div.step\_box ul li .icon {border-color: #dedede; color: #919191;}
div.step\_box ul li.active .icon {color: #fff;}
div.step\_box ul li .text {color: #919191;}
div.step\_box ul li.active .text {color: #000000;}
/\* ORDER PROCESS
------------------------ \*/
div.agb\_accept, div.agb\_accept label.chklabel {color:#444}
div.agb\_info {color:#888}
.basket .more\_info {border-color: #c7c7c7;}
.additional\_footer .comment, .additional\_footer .agb {background-color: #f5f5f5;border-color: #c7c7c7;}
.additional\_footer .more\_info, #finished .orderdetails, #finish\_right .revocation {border-color: #c7c7c7;}
.additional\_footer .agb .revocation {border-color:#c7c7c7;background-color: #fff;}
#content #payment {border-color: #c7c7c7;}
#confirm .shipping\_select {border-color: #c7c7c7;}
/\* AJAX MODAL BOXES
------------------------ \*/
div.ajax\_login\_form .heading h2, .modal .heading h2, div.ajax\_add\_article .bottom h2, #compare\_bigbox .heading h2 {color: #000000;}
div.ajax\_login\_form .existing\_customer {border-color: #c7c7c7;}
div.ajax\_add\_article, div.ajax\_login\_form .existing\_customer {background-color: #f1f1f1;}
div.ajax\_add\_article .article\_box, div.ajax\_add\_article .bottom {background-color: #fff;}
div.ajax\_add\_article .article\_box .title , div.ajax\_add\_article .article\_box .price {color: #333}
div.ajax\_add\_article .article\_box .ordernumber, div.ajax\_add\_article .article\_box .quantity {color: #999;}
.ajax\_compare\_container .grid\_3 div {border-color: #e3e3e3;}
/\* USER ACCOUNT
------------------------ \*/
.account #userinformations .inner\_container, .account #selected\_payment .inner\_container, .account .newsletter .inner\_container, .account .billing .inner\_container, .account .shipping .inner\_container, #right .adminbox, .addresses .select\_billing , .addresses .select\_shipping, .addresses, .password form div, .account .email .inner\_container {border-color: #c7c7c7;background-color: #f5f5f5;}
.account #userinformations h3, .account #selected\_payment h3 , .account .newsletter h3, .account .billing h3, .account .shipping h3, #right .adminbox h3, .account .password h3, .addresses h2, .password form h2, .finished h3 {color: #000000;background-color:#fff;}
div.orderdata\_box div, #newsletterfrm, #frmRegister {background-color: #f7f7f7;}
#right\_account .adminbox {border-color: #c7c7c7;}
#right\_account .adminbox li {border-color: #e3e3e3;}
.adminbox h3 {background-color: #EEF6C7;}
.adminbox a:hover {color:#758e00}
.addresses .change a, .contact .form .grid\_9 .change a, .addresses .select\_billing .change input, .contact .form .change\_password {background-color: #c7c7c7}
#right .adminbox, #right .adminbox h3, .addresses, .addresses h2 {background-color: #fff;}
#content div.inner .change\_shipping div.alternative\_shipping, #content div.inner .change\_billing .shipping\_address {border-color: #c7c7c7;}
#content .orders .orderoverview\_active .lastrow {border-color: #c7c7c7;}
#content .orders .orderoverview\_active .table\_foot p.bold, #content .orders .orderoverview\_active .table\_foot div p {color:#333;}
.addresses .inner\_container, .addresses .inner\_container .select\_billing, .addresses .inner\_container .select\_shipping, .account .password .inner\_container {border-color: #c7c7c7;}
.password .outer {border-color: #c7c7c7;}
/\* Ticketsystem \*/
#ticket h2, .ticketdetail\_lbl, .tickeranswer h2 {color: #000000;}
#ticket h2, .ticketdetail\_lbl, .tickeranswer h2, .tickeranswer, .ticketdetail\_txtbox {border-color: #c7c7c7;}
.ticketdetail\_txtbox {background-color: #fff;}
.tickeranswer {background-color: #f5f5f5}
/\* TICKETSYSTEM
------------------------ \*/
.ticketoverview {background-color:#F6F6F6;border-color:#DFDFDF;}
.ticketoverview .header, .ticketoverview .header div.grid\_3 {border-color:#DFDFDF;}
.ticketoverview .content {background-color:#fff;border-color:#dfdfdf;}
/\* Form system \*/
.supportrequest .contact\_box {background-color: #f7f7f7;}
.supportrequest h1, .supportrequest h1 {color: #999;}
/\* ENTRIES
------------------------ \*/
#listing-blog .blogbox, #content .blogbox, .contentdetail, .newsletter\_entry, .newsletter\_detail, .newsletter\_detail .newsletter\_content {border-color: #c7c7c7;}
#content .listing\_box, #content .listing\_box h2.headingbox\_nobg {border-color: #c7c7c7;}
.listing\_box .blogbox p {color: #555;}
.blogbox h2, .contentlisting\_box h2, .contentdetail h2, .newsletter\_entry h2, .newsletter\_detail h2 {color: #262626;}
.blogbox .post\_metadata {color: #A8A7A7;}
.blogbox .post\_metadata span {border-color: #e6e6e6}
.blogbox .post\_metadata span a {color: #000000;}
.blogbox .tags .tag {background-color:#eee;border-color:#c7c7c7;color: #333;}
.blogbox .tags .tag:hover {background-color: #bbb;border-color:#777;color:#fff;}
.blogbox h2.heading {color: #000000;border-color: #c7c7c7;}
.blogbox a.more\_info, .content\_listing a.more\_info, bt\_allsupplier {border-color: #c7c7c7;}
.blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover {color:#000000}
.blogbox .thumbnail\_box a {border-color: #e6e6e6;}
.blogbox .thumbnail\_box a:hover {border-color: #c7c7c7;}
div#commentcontainer ul, form.comments {border-color:#c7c7c7;}
div#commentcontainer .comment\_outer {border-color: #e3e3e3;}
form.comments {background-color: #f5f5f5;}
div#commentcontainer .date {color:#999;}
/\* VIEWLAST
------------------------ \*/
.viewlast {border-color:#c7c7c7 #c7c7c7 #c7c7c7 #fff;}
.viewlast .heading {color: #636363;border-color: #e3e3e3}
.viewlast .article\_image {border-color: #e7e7e7;}
.viewlast .article\_description {color:#888}
/\* LIVESHOPPING
------------------------ \*/
.time\_prozessbar\_container, .instock\_prozessbar\_container {border-color: #d4d4d4}
#time\_prozessbar {background-color:#fff;}
.liveshopping\_box {border-color:#000000;}
.stoerer\_rabatt {color:#fff;}
.box\_name, .box\_name\_countdown {color:#000;}
.box\_surcharge\_text {color:#DE0C41;}
.liveshopping\_box\_countdown, .liveshopping\_box\_timeline {border-color:#d3d3d3}
.price\_start, .live\_info {color: #666;}
.price\_current, .live\_stock, .live\_stock p {color:#fff;}
.box\_description\_countdown {color:#555}
.box\_timer, .box\_timer\_detail {color:#999;}
/\* TAGCLOUD
------------------------ \*/
.tagcloud {background-color:#fff;border-color:#c7c7c7;}
.tagcloud a.tag0, #tagcloud\_promotion a.tag0 {color:#999}
.tagcloud a.tag1, #tagcloud\_promotion a.tag1, #tagcloud a.tag2, #tagcloud\_promotion a.tag2 {color: #666}
tagcloud a.tag3, #tagcloud\_promotion a.tag3 {color: #000;}
/\* SEARCH
------------------------ \*/
div#searchcontainer {background-color:#e9e9e9;}
#submit\_search {color:#fff;background-color:#df4800;border-color:#e45a01;}
form#searchform input#searchfield {color: #666;border-color: #bbb; background-color: #fff;}
#header\_links, #header\_links a {color:#999;}
div#searchresults {background-color:#fff;border-color :#c7c7c7;color:#888}
a.resultall {color:#000000;}
a.resultall span.result\_number {color:#868686}
li.searchresult {border-color: #e3e3e3;}
li.searchresult ul li:hover{background-color:#f3f3f3}
li.searchresult h3 {color: #7D7D7D;}
li.searchresult\_supplier {border-color:#777;background-color:#f1f1f1}
li.searchresult\_supplier h2{color:#888;}
li.searchresult\_supplier a.resultlink {border-color:#999; background-color:#fff;}
li.searchresult\_supplier a.searchthumb {border-color:#999}
li.searchresult\_cat {border-color:#777;background-color:#f1f1f1;}
li.searchresult\_cat h2{color:#888;}
li.searchresult\_cat ul li{border-color:#cfcfcf}
li.searchresult\_cat ul li.header:hover{background-color:#f1f1f1}
li.searchresult\_cat ul li:hover{background-color:#fff}
#header\_links a {color:#999;}
div#searchresults {background-color:#fff;border-color:#c7c7c7;color:#888;}
li.searchresult ul li {border-color:#c7c7c7}
li.searchresult ul li:hover {background-color:#f3f3f3}
li.searchresult\_supplier {background-color: #f1f1f1;border-bottom-color:#777;}
li.searchresult\_supplier h2 {color: #888}
li.searchresult\_supplier a.resultlink {border-color: #999;background-color: #fff;}
li.searchresult\_supplier a.searchthumb {border-color: #999}
.searchresult .active {background-color:#e9e9e9;}
/\* SEARCH PAGE
------------------------ \*/
.fuzzy div.result\_box {border-color: #c7c7c7; border-bottom-color: #e3e3e3;}
div.category\_filter {border-color:#eef6c7;background-color:#fff;}
div.category\_filter .cat\_crumb strong, div.category\_filter h4 {color:#758E00;}
div.category\_filter a.cat {color:#666;}
div#left div.searchbox h3 {color: #758E00}
#content div#left div.searchbox ul {background-color: #fff;}
.fuzzy h2 {color: #00a400}
.fuzzy .category\_filter h3, #content #left .filter\_search h3.heading {color: #000000; border-color: #c7c7c7}
.fuzzy .category\_filter .border {border-color: #e3e3e3}
.fuzzy .category\_filter .categories {border-color: #c7c7c7;}
.fuzzy .category\_filter .showall {color: #9e0000;}
#content #left .filter\_search h3.heading {border-left-color: #fff;}
#content #left .filter\_search .searchbox {border-color: #c7c7c7; border-left-color: #fff;}
#content #left .filter\_search .searchbox h3, #content #left .filter\_search .searchbox li.showall a {color: #555;}
#content #left .filter\_search .searchbox li a, #content #left .filter\_search .searchbox li.active {color:#333;}
/\* FINISHED AND COMPARE
------------------------ \*/
.finished h3, .finished p.bold, #compareContainerResults li, #compareHighlight, .container\_20 .grid\_3.compare\_desc {border-color: #c7c7c7;}
#compare\_bigbox {border-color: #333;}
#compareHighlight {border-color: #fff;color: #000000;}
#compareHighlight.active {border-color: #333;border-bottom-color: #c7c7c7;color: #333;}
#compareContainerResults {background:#fff; border-color: #333;}
.compare\_desc div {background-color: #f5f5f5;}
.content\_listing, #tagcloud {border-color:#c7c7c7;}
/\* TOPSELLER
------------------------ \*/
.topseller {border-color: #cfcfcf;border-right-color:#fff;}
.topseller h3 {color: #000000;border-bottom-color: #e3e3e3;}
/\* FORM SYSTEM
------------------------ \*/
#content .supportrequest .inner\_container {border-color: #c7c7c7;background-color:#f5f5f5;}
/\* TELL-A-FRIEND
------------------------ \*/
.tellafriend h2 {border-color: #c7c7c7;background-color:#fff;}
.tellafriend fieldset {border-color: #c7c7c7;background-color: #f5f5f5;}
/\* SITEMAP
------------------------ \*/
ul#categories\_s li {border-color: #fff;}
ul#categories\_s, ul#categories\_s a.active {background-color: #000000;}
ul#categories\_s a.active {color: #fff;}
ul#categories\_s ul {border-color: #fff;}
ul#categories\_s ul a, ul#categories\_s ul a.active {background-color: #f5f5f5}
ul#categories\_s ul a.active {color: #333;}
ul#categories\_s ul ul a.active {background-color: #f5f5f5;color: #333;}
ul#categories\_s ul ul ul a {background: #f5f5f5;}
ul#categories\_s ul ul ul a.active {background-color: #fff;color: #000;}
/\* BUNDLE
------------------------ \*/
.bundle\_container h2.heading, .relatedbox\_container h2.heading, .bundle\_container .bundleset .price\_container, .relatedbox\_container .price\_container {background-color:#f5f5f5;}
.bundle\_container h2.heading, .relatedbox\_container h2.heading, .bundle\_container .bundleset .price\_container h3.heading, .relatedbox\_container .relatedbox .price\_container h3.heading, .bundle\_container .bundleset .price\_container .price, .relatedbox\_container .relatedbox .price\_container .price, .bundle\_container .names h4, .bundle\_container .names li, #detail .bundle\_container .names li a, #detail .relatedbox\_container .related\_checker a {color: #555;}
.bundle\_container .bundleset .plus, .relatedbox\_container .relatedbox .plus {color: #000000;}
/\* LIVESHOPPING
------------------------ \*/
.liveshopping\_container {border-color: #dedede;}
.liveshopping\_container .liveshopping\_right, .liveshopping\_container .liveshopping\_middle, #detail .liveshopping\_detail .live\_price\_normal .top strong.time\_left, #detail .liveshopping\_detail .top .time\_left, #detail .liveshopping\_detail .top .time\_left span {color: #777}
.liveshopping\_container .liveshopping\_bottom h3.headline a {color: #555;}
.liveshopping\_container .liveshopping\_right .discount, #detail .liveshopping\_detail .discount {color: #BF0017}
#content .inner .liveshopping\_container .liveshopping\_right .live\_price\_normal .bottom, #content .inner .liveshopping\_container .liveshopping\_right .live\_price\_normal .bottom strong {color: #f5f5f5}
#content .liveshopping\_container .liveshopping\_middle .quantity .liveprice\_container\_up div.right, #content .liveshopping\_container .liveshopping\_middle .quantity .liveprice\_container\_down div.right,
#content .liveshopping\_container .liveshopping\_middle .middle,
#content .liveshopping\_container .liveshopping\_middle .middle strong,
#content .liveshopping\_detail .live\_price\_normal .bottom .price {color: #fff;}
.liveshopping\_detail .time\_bars .time\_processbar\_container, .liveshopping\_container .time\_bars .time\_processbar\_container, .liveshopping\_container .time\_bars .instock\_processbar\_container, .liveshopping\_detail .time\_bars .instock\_processbar\_container {border-color: #ccc;}
.liveshopping\_detail .time\_bars .time\_processbar\_container div, .liveshopping\_container .time\_bars .time\_processbar\_container div, .liveshopping\_container .time\_bars .instock\_processbar\_container div, .liveshopping\_detail .instock\_processbar\_container div {background-color: #fff}
#detail .liveshopping\_detail .live\_price\_normal .bottom {color: #f7f7f7;}
#detail .liveshopping\_detail .middle, #detail .liveshopping\_detail .middle strong, #detail .liveshopping\_detail .quantity .liveprice\_container\_up div.right, #detail .liveshopping\_detail .quantity .liveprice\_container\_down div.right, #detail .liveshopping\_detail .quantity strong {color: #fff;}
#detail .liveshopping\_detail .middle .bar\_time div {background-color: #fff;}
/\* AJAX SLIDER
------------------------ \*/
.ajaxSlider, .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .vertical\_slider .ajaxSlider .leftArrow, .vertical\_slider .ajaxSlider .rightArrow, #content .vertical\_slider .ajaxSlider h2 {background-color: #fff;border-color: #c7c7c7;}
#content .ajaxSlider .artbox p.price, #content .ajaxSlider p.pseudoprice {color: #555;}
#content .slider\_banner .slide\_navigation a {color: #fff;}
#content .slider\_banner .slide\_navigation a.active {color: #333;}
/\* FOOTER
------------------------ \*/
#footer .footer\_menu {border-color: #d7d7d7}
#footer .footer\_menu a {color: #7f7f7f}
#footer .bottom p, #footer .bottom .border {color: #888}
.shopware\_footer, .shopware\_footer a {color: #777}
/\* COLOR SPECIFIC IMAGES
------------------------ \*/
body {background-image: url("…/images/backgrounds/bg\_body.png");background-repeat: no-repeat; background-position: left top}
#detail #detailinfo {background-image: url("…/images/backgrounds/bg\_detailinfo.png")}
#shopnavi .icon a {background-image: url("…/images/icons/ico\_basket.png")}
div.inner\_searchcontainer #submit\_search {background-image: url("…/images/arrows/bg\_arrow\_search.gif")}
.accordion li.active .detail .number {background-image: url("…/images/sprite\_topseller\_numbers.png")}
.artbox .actions a, .listing\_actions .offers, div#notes .table\_row .action a, .blogbox a.more\_info, .content\_listing a.more\_info, .bt\_allsupplier, div#notes .table\_row .action a.basket, .blogbox a.more\_info:hover, .content\_listing a.more\_info:hover, .bt\_allsupplier:hover {background-image: url("…/images/sprite\_listing\_buttons.png");}
#content #left ul li.active.sub a.active {background-image: url("…/images/arrows/bg\_arrow\_down.png")}
.listing\_actions .list-settings .table-view, .listing\_actions .list-settings .list-view {background-image: url("…/images/icons/ico\_view.png")}
#compareContainerResults div, #compareContainerResults a, #content #left .filter\_search .searchbox li.active a, div.supplier\_filter ul li a:hover, div.supplier\_filter ul li.active {background-image: url("…/images/icons/ico\_search\_active.png")}
div.step\_box ul li.active .icon {background-image: url("…/images/backgrounds/bg\_stepnumber-active.png")}
div.supplier\_filter div span.expandcollapse, div.supplier\_filter div.active span.expandcollapse {background-image: url("…/images/icons/ico\_filter.gif")}
div.supplier\_filter div.active {background-image: url("…/images/backgrounds/bg\_filter\_active.jpg")}
.button-right {background-image: url("…/images/buttons/button\_right-large.png")}
.small\_right {background-image: url("…/images/buttons/button\_right-small.png")}
div.ajax\_login\_form .heading .modal\_close, .modal .heading .modal\_close, .ajax\_compare\_container .heading .modal\_close, .ajax\_compare\_max\_container .heading .modalClose {background-image: url("…/images/icons/ico\_modal-close.png")}
#shopnavi .ajax\_basket\_container {background-image: url("…/images/backgrounds/bg\_ajaxbasket.png")}
.ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {background-image: url("…/images/sprite\_slider\_arrows.png")}
#content #detail #basketButton, #registerbutton {background-image: url("…/images/backgrounds/bg\_basketbutton.png") !important; cursor:pointer}
html {
background-attachment: fixed;
background-color: rgba(0, 0, 0, 0);
background-image: url("…/images/backgrounds/main\_bg.jpg");
background-origin: padding-box;
background-position: center top;
background-repeat: no-repeat;
width: 100%;
}
[/code]
---
### Author:  [@topspeed](https://forum.shopware.com/u/topspeed)
#### Post date: [25. Oktober 2013 um 09:30 UTC](https://forum.shopware.com/t/hintergrundbild-einsetzen-funktioniert-nicht/16335/6 "2013-10-25T09:30:01Z")
warum auch immer, der Hintergrund wurde aus der original CSS geladen und nicht, wie gewollt, aus eigenem Template. Den Code habe ich in die Original CSS eingefügt und es funktioniert. Vielen Dank und ein großes Lob an bluewolf, der mir sogar telefonisch geholfen und ein paar Tipps gegeben hat.