Background image to specific pages

Activello
1

Hi team!

Thank you for all the help and support. I’m very pleased with the way my site looks now and I really appreciate it.

I was wondering if it’s possible to add background image to specific pages (About and Contact page only) and have the rest be as it is.

My site: http://www.lipstickalchemist.com/

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to add a background image by going to Appearance > Customize > Additional CSS and pasting it there.

/*Background Image*/
body.custom-background {
    background-image: url("Input the url here");
}

Best Regards,
Support

3

This adds background image to all pages. I specifically asked if I could do it for two pages (my about and contact pages) only. Can I get some code to exclude other pages or to add background image for just those two pages please?

4

To use it only on those specific pages please use below custom CSS code instead.

body.page-id-19.custom-background,
body.page-id-24.custom-background {
    background-image: url("Input the url here");
}
5

YES! This is exactly what I wanted. Thank you :slight_smile:

6

You are most welcome here :slight_smile: