Docs

[arminnikpour]

Hi
I’m having trouble with seting custom color’s for my site’s pages , I mean i want to set different colors for every page’s background.
Please give me a solution to solve this problem (without cornerstone , Because I Dont installed it because of some reasons)
Thanx

[Thai]

Hi There,

Please try with this CSS:

.page-id-123 {
	background-color: #f0f0f0;
}
.page-id-456 {
	background-color: #000000;
}

The number 123 & 456 are the page IDs.

If it doesn’t work, please provide us with your website URL so we can take a closer look.

Thanks.

[arminnikpour]

Thanx Dude , But is there any CSS code for “Body CSS Class(es)” For every page’s BG ?

[Thai]

Here you are:

body.page {
	background-color: #ff00ff;
}

Cheers!

[arminnikpour]

I Just Insert That code in Body CSS Class(es) But it’s Not Working Dude , Please Help Me 🙁

[Thai]

Hi There,

Please insert all the custom CSS under Customizer > Custom > Global CSS.

Hope it helps 🙂

[arminnikpour]

Dude , i did that u told me but it changes the BG Color of all pages !
I Want To For Example Make my music page’s Bg #f3f3f3 & Make My Video Editing page’s Bg #101010 For Example …
I Think I should insert a code into Body CSS Class(es) of each page !! Plz Help Me with that

[Paul R]

Hi,

In that is the case you can the code below in Cornerstone > Settings > Custom CSS of your Music page

body {
   background:#f3f3f3;
}

Then add this in Cornerstone > Settings > Custom CSS of your Make My Video Editing page

body {
   background:#101010;
}

Hope that helps

[arminnikpour]

Ah God ! I said That Before man , I don’t have cornerstone because of some reasons , plz solve this for me without cornerstone

[Paul R]

Hi,

Can you provide us your site url so we can take a closer look.

The theme automatically adds a class to the body using the page id.
You can use it in targeting that specific page to change its background

eg.

.page-id-1 {
   background:#f3f3f3;
}

.page-id-2 {
   background:#101010;
}

You can add the code in Appearance > Customize > Custom > Edit Global CSS

Here’s our guide in locating your page id

https://community.theme.co/kb/how-to-locate-post-ids/

If it still doesn’t help, please provide wordpress admin login in private reply.

Thanks

[arminnikpour]

This reply has been marked as private.

[Rad]

You’re welcome!

[Author]

Posts