Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #497279

    Hello,

    I would like to remove the left & right margins of a color-section so that the 2/5 & 3/5 fill up the page on the left and right.

    Also is there a way to stretch an image’s width to the the page’s width and not have any margins around it?

    thanks,

    i

    #497284

    Hi Itai!

    Please give your color section a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-unique-id .container { max-width: 100% !important; width: 100% !important; padding: 0; margin: 0; }

    Cheers!
    Yigit

    #497291

    Yes! that works. thanks

    Now what about that full width no padding photo just below it. How can I achieve that?

    #497303

    Ok, got to remove the padding on the photo using a color section & above id, but wondering if there is a way for the width of the photo to stretch proportionately to the browser window?

    cheers,

    i

    #497320

    Hi!

    Have you tried using Grid Row element?

    Regards,
    Yigit

    #497332

    I tried it. Added one row element, no padding.
    Once I reach the actual image width, the image does not expand to the browser window width. It behaves just like an image in a color section.

    Am I missing something?

    cheers,

    i

    #498219

    Hey!

    Can you please provide a link to the actual page? Try to set the image as Custom Background Image of the grid row cell.

    Cheers!
    Ismael

    #498508

    Haha! yes we came to the same conclusion. I thought about that before going to sleep last night.

    Thanks for the amazing Kriesi support. You guys rock!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘remove margins in color section & fullsize images’ is closed to new replies.