Background image responsive

chiefnation · July 2018

Hi,

I'm using image backgrounds for one of my pages and I would like to know how to set them up so they look always the same no matter the screen resolution. So if I'm going to a lower resolution screen I'm able to see the complete picture and not cropped, I already tried all the different settings for background but is not working.

Thank you.

Pablo · July 2018

Hi,

It depends which background do you use.

If it's background in Theme Options > Header & Subheader > Header > Background section,

please set your background as cover: http://prntscr.com/k4qw64

Please give me more info or send me a link to your website.

Thanks.

chiefnation · July 2018

Hi Pablo,

Thank you. They are specific backgrounds inside a row on a page, see link:

I want the people faces to look always the same size and position but when I resize the window the image is cropped.

Thanks.

chiefnation · July 2018

How can I send you a private message with the link?

Thanks.

Pablo · July 2018

Please first, go edit your page.

Find these sections with people faces and edit it, depending how image look like you have to change;

http://prntscr.com/k51wea

Cheers.

chiefnation · July 2018

Hi Pablo,

Thank you it works now with the muffin builder, but I was using visual composer, anything that I can do on the visual composer to have the same results?

I'm using:

Background-position: Top-righ | no repeat

Background-size: Cover

Pablo · July 2018

We reccomend using Muffin Bulder than VC.

WPBakery(VC) have similiar options but i'm not sure about the localization of it.

It's better to use one editor because with two it gonna make a mess with code.

Cheers

Background image responsive

Comments