Site logo

Archived topic

Set Background on Single Page

3 replies · Started by Aaron on August 15, 2019

Viewing posts 1–4 of 4

Hi. I used "Customize > Background Images > Content" to change the background in the content area on all the pages on my site, but how do I make it so the Background Image is only on the Content area of a single page instead of all the pages?

Hi there,

In this case, it's actually easier to use CSS than the Customizer.

Every page has an ID, you can see it in the address bar when you're editing the page. You can also right-click the page and click "Inspect". The ID will be in a class in the <body> element.

So for example, the ID of your About page is: 964

Using that ID, we can do this:

.page-id-964 .inside-article {
    background-image: url( 'URL TO YOUR IMAGE HERE' );
    background-repeat: no-repeat;
}

Let me know if you need more info :)

That did it! Thank you!

You're welcome :)

This archived topic is closed to new replies.