Hintergrundfarbe einzelner Seite ändern

Hallo Pixelschaaf,

meine CSS Kenntnisse sind bestenfalls auf Anfängerniveau, daher ist das bestimmt nicht die eleganteste Lösung. Wenn der Hintergrund nur bei EINER !!!! Seite geändert sein soll könntest Du doch die Vorgaben aus der Style.css umgehen und Du den gesamten Text, den Du auf die Seite packen möchtest in eine Tabelle packen in der Du die Hintergrundfarbe per HTML definierst :

<table style="background-color: #001188; width: 100%;" border="0">


 <tbody>
 <tr>
 <td>
 <p>test test test</p>
 <p>test test test</p>
 <p>test test test</p>
 <p>test test test</p>
 <p>test test test</p>
 </td>
 </tr>
 </tbody>
 </table>

Um welche Seite geht es denn genau?
Generell kann man über den Quelltext sehen, welche ID ein Artikel hat, wenn ich z.B. mal die Impressumseite nehme steht dort
<article id="post-90" class="post-90 page type-page status-publish hentry">
- womit klar ist, dass man diese Seite über die ID post-90 ansprechen könnte.
Dementsprechend könntest Du in der style.css eine Zeile hinzufügen, die zum Beispiel so aussähe:
#post-90 {background-color:#ff0000;} - damit wäre die Hintergrundfarbe der Seite rot.

Sobald Du allerdings ein Update des Themes machst würde diese Änderung wieder überschrieben, Du müsstest also entweder nach jedem Update die Zeile wieder hinzu fügen oder mit einem Childtheme arbeiten.

verwende mal dies

.page-id-695 .site {
    background: none repeat scroll 0 0 #000000;
}

Versuchs mal mit .page-id-695 #page {background-color:#000000;} zum ansprechen, das sollte den kompletten hellen Bereich einfärben.

Oh, Seite zu lange nicht neu geladen - die Variante von ArtofPic funktioniert natürlich genausogut, die spricht den selben Bereich an.

.page-id-695 #page {background-color:#000000;}
.page-id-695 #page .nav-menu {border-bottom: 1px solid rgb(50, 50, 50); border-top: 1px solid rgb(50, 50, 50);}
.page-id-695 #page .entry-content table {border-bottom: 1px solid rgb(50, 50, 50);}
.page-id-695 #page .entry-content td {border-top: 1px solid rgb(50, 50, 50);}
.page-id-695 #page footer[role="contentinfo"] {border-top: 1px solid rgb(50, 50, 50);}

Hintergrund: schwarz. Linien: dezent grau.

Das sind einfach nur verschiedene Möglichkeiten der Farbangabe, und da ich selber erst schauen musste was wo definiert ist und das dann einfach rauskopiert habe war ich zu faul, das anzupassen ;)

#000000 entspricht black entspricht [COLOR=#333333]rgb(0, 0, 0)[/COLOR] entspricht rgba(0, 0, 0, 1) :)

Klar geht das. Und wenn Du diesen Wert rgba(0, 0, 0, 1) nimmst und die letzte Zahl z.B. auf 0.5 setzt hast Du halbe Transparenz - 1 ist keine Transparenz, 0 komplett durchsichtig. Macht natürlich nur Sinn bei verschiedenen Farben ;)