Add background pattern to one specific page

Support
#1

I was looking over this page about background customizing background, but didn’t see how to apply a pattern to just one page of the site.

Is there a way to target this code to just one page?
body .site {
background: #fafafa url(http://yourdomain.com/path/to/your/image.png) center top repeat;
}

#2

Hi there,

Yes, you can add a value to the Body Classes option when you edit the page then you can target the page using the class you have added like this:

.the-page .site {
    background: #fafafa url(http://yourdomain.com/path/to/your/image.png) center top repeat;
}

The code above assumes that the class you added to the page is the-page.

2 Likes
#3

Thank you!

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.