• 0
Sign in to follow this  
Followers 0

Adding a background image to WhiteHousePro


Question

Posted · Report post

I have a client (http://trentreynolds.com/) asking to add a background image to all the site pages. I've added this to the Custom Code area:

 

html, body {

background: url(wp-content/uploads/trpd-background.png) no-repeat center center;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

 

It works great on the home page, but I'm wondering how to apply the same image to all the pages in the site. Can you advise me?

 

Thanks so much for the help,

Jeff

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi Jeff

 

That code will place the background on all pages, looking in your source code it's looking for the image on the other pages but fails to load the url.

 

Try changing the image url in your code to the full address, click the link below to get the full url as the forum is shortening it

 

http://trentreynolds.com/wp-content/uploads/trpd-background.png

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks very much James. It worked, but the image now "jumps around" on the page based on the amount of content per page (I think). I appreciate the answer. I'll keep messing with it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for informing us the issue has been resolved.

Also, please be aware that WhiteHouse Pro is now a legacy theme and is no longer supported.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0