Custom Background image Cover without backstretch

[AlbertoPE]

Is there a way to use a custom background image size-cover wihout using backstretch, only css, in minimum pro or similar? (i-m creating from genesis sample).
I only find the way to add in style.css (but i think there must be an optim way):

.custom-background{
background-size: cover;
}

Thanks!

[ᴅᴀᴠɪᴅ]

yeh that's right, but you probably want to add a few more things to stop it stretching out and ensuring it looks good on mobiles..

.custom-background {
    background-attachment: fixed;
    background-image: url("//demo.studiopress.com/minimum/files/2014/04/bg.jpg");
    background-position: center;
    background-size: cover;
}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[AlbertoPE]

Thanks, I used only cover because I want to update the custom image from admin options, and when you add custom background support, in the inspector I don´t see the cover option, all the rest may be selected with customize options.

[tswilson99]

So how would one do this for all post and page headers on their site? What is the css to tell theme to use the featured image without backstretch? As well as no backstretch on Home Page header too.

Thanks,
Tracy

[AlbertoPE]

¿Are you referring to do something like that?

Add a Full Width Responsive Header Image to a Genesis Theme

[Author]

Posts