Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 16, 2015 at 12:46 pm #396651
    Peatkay

    Hi there,

    I want to have a responsive design, with 2 columns of pictures with text over them. It currently works whilst I have the images at a set width, but I would really like them to fill the width of the half column. Thereby making their outer edges inline with the element above and there not being a huge gap in the middle.

    I hope that makes sense.

    Let me ono if you need further clarification.
    Thanks
    Pete

    February 16, 2015 at 7:09 pm #396950
    Ismael

    Hey Peatkay!

    Thank you for using Enfold.

    Try to use the Grid Row element, set the cells. Add the images as background then use text blocks to add the text content. If that’s not what you’re after, please provide a screenshot.

    Cheers!
    Ismael

    March 2, 2015 at 12:32 pm #404405
    Peatkay

    Hi,
    I fixed the problem with the following css:
    .home_box_left{
    width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    }

    .home_box_left img{
    width:100%;
    height:auto;
    max-width:100%;
    }

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Auto resizing an image to fill half the page’ is closed to new replies.