Custom background only for home page

[surfpeople]

Hi guys.
How do you only have the custom background for the home page.

I'm using the Beautiful pro theme

Thanks in advance.

Lee

http://leeyoung.com.au

[Christoph]

Hi Lee,

you can use the .home css selector to only target the home page.

Add this to your style.css:

.home {
background-color: #***;
}

Replace the *** with the color or color code of your liking.

If this solves your question, please mark this topic as resolved, so it can be closed.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[surfpeople]

Thanks Chris
But that isn't what I need to happen.
I would like to have the custom background image on the home page only.

Thanks, I appreciate your time.

Lee

[upthink]

The class "home" is applied to the body only on the home page. So applying the css that Christoph suggested should work (you can setup a background image instead of a color depending on what you need exactly)

[surfpeople]

Coolio upthink, love your work.

Thanks again.

Lee

[surfpeople]

mmmm.
That worked fine as customising the only home page and I can see how the .home class worked,
but the beautiful theme has a custom background for all pages. This image is displayed as a banner below the header.
So adding the .home class changes the background for the whole page not the custom back-ground image for beautiful pro theme.

Thanks

[upthink]

Not sure what you mean - care to share the URL so that I can see what you mean?

[surfpeople]

Thank you.
http://surfpeople.com.au
you will see the image below the navigation on each page.
Where I only would like this to be on the home page.

[upthink]

I have not played with this specific child theme - so there may be an easier way to do it just using the settings. But a css way that should work:

/** hide it everywhere **/
.custom-background .site-header-banner {
  display: none;
}

/** just show it on home page **/
.home .site-header-banner {
  display: block;
}

[surfpeople]

You sir, are a legend.
Thank you so much.
I don't think there is a site wide setting for this custom image, unless I'm completely blind.
Thanks again lets close it off.

Have a good day.
Lee

[Author]

Posts