Change background color of a specific page

Sparkling
1

I want cambier the background color of a specific page, not the entire website (this is Ok). How do you do this?

URL: www.rucamanqui.com

2

Hi @rilaxapp,

I hope you are well today and thank you for your question.

You can change the specific page background color by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

body.page.page-id-120 {
  background-color: #fff;
}

In the above code 120 is the page ID for which you want to change the background color so just change it with the appropriate page ID and change the background color value in the above code to whatever you want to.

Please change the background color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Alternatively you can use the following general CSS code and use it on specific page using the WordPress plugin Page Specific Stylesheets – WordPress plugin | WordPress.org

body {
  background-color: #fff;
}

Best Regards,
Movin

3

Hi movin,

Very thanks for you respond, but nothing worked, but it was the following but only partially:

.page {
background-color: #90d1ff;
}

The problem is a white frame.

4

Hi @rilaxapp,

The code that i have shared should work for the specific page. The code that you have shared will change background color for all pages until it is added on specific page using any plugin or developing custom code for it.

Could you please share the page URL from your site where you want to change the background color so that i can help you to change it?

Regards,
Movin

5

Hi Movin,

Of course, the URL is:

It corresponds to Home.

Regards,

RiLAXapp

6

Hi RiLAXapp,

Thank you for sharing the page URL.

You can change the background color of your site home page by using the following CSS code.

body.home {
  background-color: #fff;
}

Best Regards,
Movin

7

Hey!

I want to do the same thing.
How do I locate the specific page ID?

Thanks!
Anna

8

@annaschimpf You can find it as described on the following pages.

9

Hi!

it´s all clear for "normal"pages but I can´t find out the ID of the automatically generated portfolio page in shapely.
Which is it´s ID or how can I find it out?

Thanks so much!

Anna

10

@Anna Could you please share me the page URL from your site where it is displaying so that i can help you to find its ID?