Hintergrundbild austauschen bei Template skyfall ohne Theme-Designer

**Zappageck71** · 24.03.2017, 16:43

Ziemlich bescheuertes Problem: Website halbfertig übernommen, skyfall als Template wird benutzt, der dazugehörige Theme Designer ist aber nicht mit übergeben worden.
Jetzt möchte ich das Hintergrundbild austauschen, also bin ich mit Firebug auf die Seite, habe mir die Einträge dazu in der CSS anzeigen lassen und nun kommts. Der Hintergrund ist nicht wirklich in der CSS definiert. Er taucht da zwar auf, läßt sich aber nicht verändern, da dies wohl anderswo erledigt wird. Mein verdacht: Der nicht vorhandene Theme-Designer
Wie schaffe ich es dennoch einen anderen Hintergrund einzubauen, der nicht wie der jetzige gekachelt werden soll, sondern nur ein vollflächiges, statisches Hintergrundbild anzeigen soll?
Habe schon den Support von Premium Contao Themes angeschrieben, aber leider keinerlei Rückmeldung erhalten. Der ursprüngliche Autor der Seite ist in der Angelegenheit auch nicht erreichbar und ich stehe jetzt da und weiß nicht wie ich den Hintergrund austauschen soll.
Kann da jemand bitte mal gucken was ich wo wie machen muss?
Die betreffende Zeile aus der CSS:
body .jPanelMenu-panel, body {background: #F3F3F3 url(../img/bg_default.png)}
Danke.
Seite: http://www.tsv-wawa.de.web60.ims-fir...index.php?id=2

**derRenner** · 24.03.2017, 20:18

Hallo,

du müsstest beim premium-theme eine custom.css haben.
Da kannst du das Background-Bild "zu Fuss" überschreiben
sowas in der Art

Code:

body .jPanelMenu-panel, body {
    background: none;
    background-image: url("https://community.contao.org/de/images/layout/contao_community_rgb.png");
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}

**kos** · 24.03.2017, 20:35

So wie ich das sehe, könntest du in der styles.css Zeile 123 den Hintergrund ändern. Alternativ die Anweisung in der Datei "customize.css" überschreiben.

Edit:
Das passiert, wenn man den Antwortbutton betätigt, dann aber zwischendurch etwas anderes macht!

**Zappageck71** · 27.03.2017, 16:44

So hat es super geklappt. Habe nun folgende Anpassung in die custom.css gepackt.
Falls es für Jemanden von Interesse ist, hier der Code für meinen fixierten, nicht mitscrollenden Hintergrund.

Code:

body .jPanelMenu-panel, body {
	background-clip: border-box;
    background: none;
	background-attachment: fixed;
	background-origin: padding-box;
	background-position-x: center;
	background-position-y: top;
	background-repeat: repeat-y;
	background-size: auto auto;
	margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-image: url("URL_zur_Hintergrundbilddatei");
}

Vielen dank für die schnelle Hilfe!