How to change color for a single page?

[Tilo]

Hello,
I want change the background color in content area for a single page only. Can you help me?
Regards, Tilo

[David]

Hi there,

this would require some CSS, for a static page you can use its ID to target that specific page like so:

.page-id-XX .inside-article {
    background-color: #ffffff;
}

Just change the XX to match your page ID.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tilo]

Hm … does not work. Following CSS I use now. Part 1 works correct, but Part 2 doesnt. Any idea?

/* Hintergrund Container Starseite */
body.page-id-20 {
background-color: #333333;
}

/* Hintergrund Content Starseite */
.page-id-20.inside-article {
background-color: #333333;
}

[David]

sorry my bad – i made an edit to the CSS above ie. space between the two selectors.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tilo]

Your are great … I love the CSS … it works.

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tilo]

Hello David,
… and the text should be white now. Please can you add this to the CSS.
Regards, Tilo

[Leo]

You can add this to your CSS:
color: #ffffff;

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts