Custom CSS: Change Background Color on Specific Page

This topic has 5 replies, 2 voices, and was last updated 9 years, 1 month ago by Eric.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
June 3, 2013 at 1:48 pm #5056

bhaynet1
Customer

Hi –

Can anyone please share how to add code to the custom CSS field on pages/posts to change he background color of that particular page or post only?

Thanks!

Barbara

June 4, 2013 at 1:07 am #5058

Eric
Customer

Are you talking about Body Classes?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

June 4, 2013 at 8:01 am #5062

bhaynet1
Customer

Yes – thanks!

June 4, 2013 at 11:43 am #5065
Eric
Customer
There are a couple ways to do this. 1 – create a class in your css first.

Example –
```
.custom-bg {
    background: yellow;
}
```
Then near the bottom of the Page editor you can enter that class in the “Body Class” field on the pages you want them to be displayed.

There are other ways to do this, you can take a look here – http://my.studiopress.com/snippets/custom-body-class/

and here – http://designsbynickthegeek.com/tutorials/dynamic-body-classes

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
June 4, 2013 at 1:44 pm #5067

bhaynet1
Customer

Thanks, Eric –

I will take a look!

June 4, 2013 at 10:28 pm #5073

Eric
Customer

You’re Welcome

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.