Hallo Steffen,
ich versuche mein "kleines" Problem zu schildern. Ich arbeite an einem Projekt und nutze hierzu das Template "FlatResponsive". Hier ist unter "Einstellungen" "CSS" folgender Code vorgegeben
<style>
/* Slider, die als erstes Element auf der Seite benötigen andere Abstände und Schriftgrößen etc. */
.topslider .zp13sliderWidget .zp13slider-caption{
font-size: 1.2em;
}
.topslider .zp13sliderWidget .zp13slider-caption h1,
.topslider .zp13sliderWidget .zp13slider-caption h2,
.topslider .zp13sliderWidget .zp13slider-caption h3 {
font-size: 3em;
margin-bottom: .3em;
}
/*Änderung der Hintergrundfarbe des Footers.
#footer ist der Container mit den Links und dem Copyright Text.
#totop ist der Container mit dem ^ Zeichen, das einen an den Anfang der Seite bringt.
color beschreibt die Schriftfarbe,
background-color die Hintergrundfarbe
*/
#search,
#footer,
#totop {
color: #e7e7e7;
background-color: #3e3d3d;
}
/*Änderung der Farbe des ^ Zeichens im Footer.
#totop a ist das ^ Zeichen.
#totop a:hover beschreibt den Zustand, wenn die Maus über dem Zeichen "schwebt"
*/
#totop a {
color: #e7e7e7;
}
#totop a:hover {
color: #F39C12;
}
</style>
Diese Einstellung bewirkt das der Footer Bereich auf allen Seiten die gleiche Farbe hat. In diesem Fall background-color: #3e3d3d
Ich möchte nun auf einer Unterseite "Jobs" das der Footer Bereich eine andere Farbe hat.
Hierzu habe ich den CSS Code insoweit abgeändert
<style>
/* Slider, die als erstes Element auf der Seite benötigen andere Abstände und Schriftgrößen etc. */
.topslider .zp13sliderWidget .zp13slider-caption{
font-size: 1.2em;
}
.topslider .zp13sliderWidget .zp13slider-caption h1,
.topslider .zp13sliderWidget .zp13slider-caption h2,
.topslider .zp13sliderWidget .zp13slider-caption h3 {
font-size: 3em;
margin-bottom: .3em;
}
/*Änderung der Hintergrundfarbe des Footers.
#footer ist der Container mit den Links und dem Copyright Text.
#totop ist der Container mit dem ^ Zeichen, das einen an den Anfang der Seite bringt.
color beschreibt die Schriftfarbe,
background-color die Hintergrundfarbe
*/
#search,
#footer,
#totop {
color: #e7e7e7;
background-color: #3e3d3d;
}
/*Änderung der Farbe des ^ Zeichens im Footer.
#totop a ist das ^ Zeichen.
#totop a:hover beschreibt den Zustand, wenn die Maus über dem Zeichen "schwebt"
*/
#totop a {
color: #e7e7e7;
}
#totop a:hover {
color: #F39C12;
}
/*Änderung der Hintergrundfarbe des Footers auf der Seite Jobs. */
body.jobs #search,
body.jobs #footer,
body.jobs #totop {
color: #e7e7e7;
background-color: #F39C12; /* Hintergrundfarbe für die Jobs-Seite */
}
</style>
Weiter habe ich auf der Seite "Jobs" einen HTML Quelltext Artikel mit dem Eintrag
<body class="jobs">
eingebunden.
Na ja, leider nur Theorie. Die Footer Farbe auf der Seite Jobs wird nicht geändert.
Wäre super würden Sie mir kurz erläutern woran es klemmt
Danke vorab und Grüße
AWS