Site logo

Archived topic

Using different background image in content area for specific page

3 replies · Started by Mira on October 7, 2019

Viewing posts 1–4 of 4

Hello,
I'd like to use a different container/content background image for one specific page. I have Simple CSS and know how to do it for BODY background-image, but not for the main container. What is the CSS to target container (content) background image?
Thank you.
Tien-Yi

Hi there,

you would target this selector: .separate-containers .inside-article - so for a specific page your CSS would look like:

.page-id-XX.separate-containers .inside-article {
    background-image: url('image_url/image.jpg');
}

Switch XX for the actual ID number

thank you!

You're welcome

This archived topic is closed to new replies.