How to change background on specific page?

Activello
1

Hi,
Thank you for the totally cool theme!

I’m currently working on my site http://www.eddylysfinally.com
I was wondering is there any way to make the front page has a background image while the rest of the site will have #fffcf5 as background color?

I know nothing about CSS and done my best trying to learn it but still couldn’t find a way.
Thank you.

2

Hi @lysflies,

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

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

html body.home.custom-background {
    background-image: url('http://www.eddylysfinally.com/wp-content/uploads/2016/01/Logo.jpg');
}
html body.custom-background {
    background-color: #fffcf5;
}

Please change the image URL in the above to the image that you want to display on the front page.

Best Regards,
Movin

3

Hi.
As the title, how can this be done on any other page?
thanks

4

@kecco Just change body.home in the code with page id as following where 733 is page ID.

html body.page-id-733.custom-background {
    background-image: url('http://www.eddylysfinally.com/wp-content/uploads/2016/01/Logo.jpg');
}
html body.custom-background {
    background-color: #fffcf5;
}