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!
Thread Starter
kc
(@cdastouri)
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.
Thread Starter
kc
(@cdastouri)
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!
Hey there,
Your background is responsive when I add custom CSS at my end. Thanks!
Thread Starter
kc
(@cdastouri)
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 🙂
Thread Starter
kc
(@cdastouri)
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 🙂
Thread Starter
kc
(@cdastouri)
is there a way to make it extend down to fit the entire page?
Thread Starter
kc
(@cdastouri)
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.
