Full Width Images

  • Hello,

    I’m trying to get my images to scale the full width of the browser starting with the image below the heading: All the Space You Need to Live. I’ve tried a few different CSS modifications and I can’t get it to full width. I know it’s being constrained by its container but I’m not sure how to modify that to allow for a full width image. Any tips?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    You can try this, first add a class(eg. <div class=”image_holder”>) to the div tags which contains images.

    Next the div which has class “col-sm-10 col-sm-offset-1″ wrap this with ‘<div class=”row”></div>’ and change the div tag class “col-sm-10 col-sm-offset-1” to “col-lg-12”.

    Then add this css,

    .image_holder .desc .container {
    width: 100%;
    padding: 0;
    }

    Regards,
    Sarmistha

    Thread Starter ginmonty

    (@ginmonty)

    Thank you for the suggestion, I tried this but still no luck. I made a dev site where I made the changes: https://6e5.5c1.mwp.accessdomain.com/

    Thread Starter ginmonty

    (@ginmonty)

    I made the changes you suggested to the col size and wrapping with the row but the CSS I used was:

    .home .desc .container {
    width: 100% ;
    padding: 0;

    }

    Now I’ll have to adjust my text but that will be the easy part. Thanks again for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full Width Images’ is closed to new replies.