Der Ansatz mit der individuellen CSS-Klasse mit der Page-ID war schon prima, nur ist das nicht ganz so einfach, wie du es dir vorstellst.
Nehmen wir mal an, du möchtest den Inhaltsbereich der Seite Massagen mit einem Hintergrundbild versehen. Dazu musst du zuerst einmal herausfinden, welchen Selektor du für die CSS-Eigenschaft verwenden musst. Mit einem Rechtsklick auf die Seitenüberschrift und „Element untersuchen“ (heißt je nach Browser auch z.B. nur „Untersuchen“ oder „Elementeigenschaften“ …) erfährst du, dass die Überschrift in einem Container „site-content-contain“ steckt:
<div class="site-content-contain">
…
<header class="entry-header">
<h1 class="entry-title">MASSAGEN</h1>
</header><!-- .entry-header -->
…
</div>
Um diesen Container ausschließlich auf der Webseite Massage mit dem Bild von der Frangipani-Blüte zu hinterlegen, könnte die zusätzliche CSS-Regel, die du im Child Theme verwendest oder im Customizer unter Zusätzliches CSS einträgst, z.B. so aussehen:
.page-id-36 .site-content-contain {
background: url(http://thai.groschwald.de/wp-content/uploads/2018/06/frangipani.jpg);
}
Statt dessen das body-Tag als Selektor zu nutzen macht keinen Sinn, weil andere Bereiche diesen Hintergrund überlagern.
Wenn du die CSS-Regel ausprobierst, wirst du feststellen, dass der Text nahezu unlesbar ist. Entweder musst du also ein helleres, weniger strukturierteres Hintergrundbild verwenden oder die Textbereiche mit einem eigenen (halbtransparenten?) Hintergrund versehen. Kaum änderst du etwas an der einen Stelle, hast du schon ein Problem an der nächsten … 😉
Zentrierte Text-Absätze werden übrigens von Einsteigern gerne verwendet, sind aber schwer lesbar. Ich würde statt dessen linksbündige Ausrichtung empfehlen.
Du hast aber bitte Verständnis dafür, dass wir hier im Forum keine CSS-Probleme behandeln können. Das würde hier den Rahmen der freiwilligen Hilfe etwas sprengen.
