zerif lite – background image

Hi there,

You could use this snippet so the image is always full width on any screen size:

body.custom-background{
background-size: 100vw;
}

Best regards,
Uriahs

Hi there,

Just to add to what my colleague already said, you should be adding this either in child theme’s stylesheet or using a plugin, like Advanced CSS Editor. We recommend the latter, for the sake of simplicity. Thanks!

Hi,
Thanks for this. I tried adding it to my CSS editor but it hasn’t changed anything. Any suggestions? Thanks.

Hey there,

We’re sorry that the code didn’t work. Could you possibly replace it with following CSS and see if it works?

body.custom-background{
background-size: cover!important;
}

Hope it helps.

Hi,
I tried that code but still no change.

Hey there,

That should’ve fixed the problem. Nevertheless, can you please give a link to your site? Thanks!

dastouri.ca

Hey there,

Your background is responsive when I add custom CSS at my end. Thanks!

Is there a way to send you a screenshot?
On my laptop it looks find but on a larger screen, the image does not extend down to the height of the screen.
Do I need a larger image?

Hey there,

As per the Zerif Lite documentation here, your image should be of size : 2048×1365px. You can just upload your screenshot on a website like postimage.org and leave a link here and we’ll take a look. Thanks ??

here is the link to what I see.

https://postimg.org/image/i3mm6hz9j/

Thanks.

Hey there,

That is indeed how it should look. The image should “expand” on a large screen, instead of “extending down”. Hope you understand ??

is there a way to make it extend down to fit the entire page?

any thoughts on this?
I want to extend the background image down enough to cover the screen and have it be responsive.

Hey there,

Unfortunately, Zerif doesn’t supports this customization and as much as I’d love to help you with some custom code, it is beyond the support offered for our products. However, we recommend jobs.wordpress.net for your customization needs. Hope you understand.