Background image responsive

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.

Comments

  • 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.
  • edited 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.
  • How can I send you a private message with the link?
    Thanks.
  • Please first, go edit your page.
    Find these sections with people faces and edit it, depending how image look like you have to change;
    Cheers.
  • 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

  • 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
Sign In or Register to comment.