Changing background and font color on only one page

step one: learn CSS, particularly the background and color properties;
step two: get familiar with using the ‘inspect’ tools of most browsers to identify which CSS selectors to use;
step three: go to the dashboard to ‘Appearance’ – ‘Customize’ – ‘Additional CSS’;
step four: add this into the Additional CSS and click ‘publish’:

body.home { background-color: black; }
body.home * { color: white!important; }

Hi Michael,

Thanks a lot for steps three and four, worked like a charm.
I’ll make sure to address steps one and two to becomes more independent and flexible in how I can work with WordPress.

In the meantime, if there’s an “easy” tip as to how to write the same codes for different pages I’ll take it with pleasure.

Thanks again !

Elie

resolved

how to write the same codes for different pages

if pages have more written content, ot gets more compicated…

in the given CSS, .home refers to the body_class for the home page;
static pages would have .page and .page-id-123 where 123 is the id of the page.
see https://developer.www.ads-software.com/reference/functions/body_class/ and https://developer.www.ads-software.com/reference/functions/body_class/#comment-1930

with that, you could easily set an individual background color for any page.

the font colors in the given CSS was set using a rather brutal way by using * as the selector for anything in the site, and enforcing the font color by using !important. it only worked because the front page had very little limited text.

if the page is full of various texts and links etc which each might have a different color to start with, you would need to style each font colors more selectively and individually…

Great, thanks so much for this thorough explanation! Will look it through.