background image that’s fixed in place and covers the entire background

[Kais]

Hi Bill

I saw you post about the background image. I can not find where to set it to cover.
I am hoping to sent the site wide background image to be fixed and cover the entire screen.

Please help.

Thanks

[Bill Robbins]

Kais,

I thought we had a built-in option for that in the theme, but it looks like there isn’t one. You can still make the background image cover the screen though (it looks like you already have it set to remain fixed in place). Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   body {
   	-moz-background-size: cover !important; 
   	-webkit-background-size: cover !important;
   	background-size: cover !important;
   }
   

3. Update your settings.

Let me know how that goes for you.

Thanks,
Bill

[Bill Robbins]

Glad to hear that worked for you. Cover is a useful option. There’s another keyword you can use there called “contain” which will always display the entire image.

Have a great day and let me know if you need anything else,
Bill

[Author]

Posts