Jump to content

Archived

This topic is now archived and is closed to further replies.

jennalyn11

Different background on homepage

Recommended Posts

jennalyn11

Hi there

 

Looking to have a different background image on my homepage for meresidelimousins.com/wp

 

Code used so far with no effect is 

 

.home .site-wrap {
background-size: cover;
}
 
Have tried a few other found on forum but nothing is working? 
 
Thanks in advance
 

Share this post


Link to post
Share on other sites
James B

Hi there,

 

The code you've entered is working, but the other image used on the rest of the site is still showing on top of it due to ticking 'supersize background' in the image options. Supersize bg places the image in another div so you'll need to hide that on the home page using css as well. Then you'll see the picture of the cow which is currently underneath.

 

Or try adding !important to override and force it.

 

.home .site-wrap {
    background-size: cover !important;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jennalyn11

That worked a treat thank James! 

Share this post


Link to post
Share on other sites
James B

Excellent, you're welcome :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×