Cassiopeia Hintergrund ändern aber nur für Aussenbereiche (Boxed Layout)

Verehrte Joomla Gemeinde,

gibt es eine Möglichkeit, die Hintergrundfarbe im Cassiopea Template nur für die Bereiche zu ändern, die außerhalb des "Layouts" sind?

Wenn man die Hintergrundfarbe ändert, ändert sich diese leider für den gesamten Hintergrund.

Der Code in der user.css dazu wäre z.B.:

body {

background-image: url(images/banners/Banner_SW_bei_Nacht_Full.jpg);

background-repeat: no-repeat;

background-size: cover;

background-color: #aaa;

}

Die Module bekomme ich mit

.card {

background-color: #fff;

}

auf "weiß", ja

Wobei leider das Hintergrundbild auch nicht sichtbar ist, obwohl der Link und alles stimmt...

Aber das ist ein anderes Thema...

Gruß

Norbert

OK, Danke, besser.

Das mit dem Bild klappt trotzdem nicht.

Nun noch ne Frage, nun sieht es so aus (siehe Anhang).

Die Klasse für den "Layoutbereich" im Hintergrund wäre super...

Ich kann auch mit dem Alphakanal spielen, das Hintergrundbild kommt leider trotzdem nicht zum Vorschein.

Die Betaseite ist diese hier...

Zitat von Stef

Hast du auch mal dein Browsercache gelöscht ? Und ich sehe keine Anpassung in deiner user.css, wo hast du den Code eingefügt ?

Von welcher Seite stammt das? Auf der produktiven Seite habe ich keine CSS Anpassung rein.

Hallo,

ja danke, OK ich sehe, es ginge mit dem Hintergrundbild.

Liegt wohl an meinem Proxy in der Firma, der dazwischen puffert...

Nun damit ist die Bilderfrage beantwortet.

Nun stellt sich trotzdem die Frage mit der CSS Klasse um den Layout Bereich separat vom Rand mit einer Farbe zu versorgen.

Bzw. dass das Hintergrundbild nur am Rand auftaucht, was dann mit der Transparenzeinstellung des Layoutbereichs (ich hoffe, ich nenne das Richtig) zu tun hat.

Wegen dem Link:

Ja, ich gebe zukünftig wieder die Seite an.

Danke.

Gruß Norbert

OK,

der funktionierende Code für den Hintergrund ist:

body {

background-image: url(/images/moon.jpg);

background-repeat: no-repeat;

background-size: cover;

background-attachment: fixed;

}

Also ohne die "../.."

Siehe nun auf der Betaseite.

Mit diesem geht es.

Nun bleibt wie gesagt die Frage über, welche Klasse ist der Layout Bereich, so dass ich für den separat den Alpha Kanal und die Farbe einstellen kann.

Gewünscht ist ein "boxed" Layout wie z.B. auf dieser Seite die ein Helix Template als Basis hat.

An alle herzlichen Dank.

Nun So ganz erledigt ist es nicht das Thema,

weiß jemand die Klasse, in der die die Container (Beiträge, Inhalt) und Module sind?

Also der "non fluid" Layout Bereich, so dass ich den separat färben kann.

Ich will, dass das Hintergrundbild nur im Außenbereich angezeigt wird.

...das war ja auch das Topic.

Dass das Bild nicht angezeigt wurde war ein Randthema, sorry.

Bisher funktionierender Code für diese Seite.

/*ganze Seite*/

body.site

{

background-image: url(/images/banners/Banner_SW_bei_Nacht_Full.jpg);

background-repeat: no-repeat;

background-size: cover;

background-attachment: fixed;

}

/* Modul */

.card

{

background-color: #fff;

}

/* Beträge */

.grid-child.container-component {

background-color: #fff;

border-radius: 5px;

padding: 10px 10px 10px 10px;

}

/* Ganze Seite */

.site-grid

{

background-color: #fffa;

}

Gruß

Norbert

Nachtrag:

ich glaube langsam, mit diesem Template geht das so nicht.

Man müsste praktisch im Hintergrund ein Rechteck zeichnen, das über dem Bild liegt und sich adaptiv an den Inhalt anpasst.

Ich sehe mit den Entwicklertools keine Position (Klasse) mit der das gehen könnte beim Cassiopeia Template.