Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2013 at 9:09 pm #27322
    jmorillo

    Hello:

    In the color section element I want to put a backgound image and that the image determines the height of the full color section with its dimensions and that everything remains responsive, is that possible, how can I achieve that?

    I have tried using divs but looks like the min-height property is what determined the zoom level of the image, is that correct?

    http://paadonline.org/?page_id=27&preview=true&preview_id=27&preview_nonce=d3c08a654f

    I guess that the best way to have a full width composition (with text, buttons, …) with image and text and being responsive is to have the layer slider full width but with only one slide, is there a better way to do that?

    Thanks

    Jorge

    August 8, 2013 at 1:17 pm #133629
    Devin

    Hi Jorge,

    That is a complicated answer.

    The color section allows you to add a background image and if you use the stretch to fit option for the image it will always stretch to fit. Sounds perfect, but there is a catch: what screen width is your viewer using? This is where the background position comes into play. You can choose top center or bottom center to get the image edge (top or bottom) to align and the opposite edge will be cut off depending on the viewers screen size.

    That is the closest you’ll get without really digging into custom css and multiple media queries.

    Regards,

    Devin

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Full image size dimensions in color section element’ is closed to new replies.