Site logo

Archived topic

How to set a background image for homepage only

1 reply · Started by Michael Loguidice on October 26, 2016

Viewing posts 1–2 of 2

Hi there, could you help me figure out how to use a background image for the homepage only? I'm not looking for a background header image, but a background for the content where I can put content directly over the image.

Any ideas?

Thanks so much!
Michael

Hi there,

If your home page is a static page, you can use Simple CSS: https://wordpress.org/plugins/simple-css/

It adds a meta box when adding your page where you can add CSS for that page only.

Then you would do this:

.separate-containers .inside-article,
.one-container .site-content {
    background-image: url( 'URL TO IMAGE' );
}

If your home page is your blog, you would do this:

.home .separate-containers .inside-article,
.home .one-container .site-content {
    background-image: url( 'URL TO IMAGE' );
}
This archived topic is closed to new replies.