Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #602104

    I’ve been looking through old support posts trying to find the right answer to how I can better control the gutter between columns. I have two rows – the first is a 1/5-4/5 and the second row is a 1/5-2/5-2/5. I would like the 1/5 column to not have any margin to the left or right in both the first and second rows. In the second row I want the 2/5 columns to fully occupy the width of the page (in the same way the slider at the top does (please see attached screen shot).

    I’ve done over 100 child theme customizations between the CSS and the footer.php, but even when I feel I get close with this it eludes me, so any help is appreciated.

    Thank you!

    • This topic was modified 8 years, 9 months ago by lzevon.
    #603227

    bump?

    #603230

    Hey!

    Sorry for the late reply!

    Please try using Grid Row element. You can edit each cell and adjust paddings.

    Cheers!
    Yigit

    #603235

    Those cell layouts don’t meet my needs – I need 1/5-4/5 (that exists) and below it 1/5-2/5-2/5. Or I would accept 1/3-2/3 for the top row and then 1/3-1/3-1/3 for the bottom row – neither seems possible?

    I’m also looking to bring the content as wide as the slider above it.

    Thanks

    #603342

    Hi Yigit,
    I’ll keep working on the gird layout…

    Thanks

    • This reply was modified 8 years, 9 months ago by lzevon.
    #603891

    Hey!

    Not sure if you found an alternative for this. If you are trying to align the gaps similar to the mockup you need to apply padding to grids.

    Please try the below CSS in Enfold > General Styling > Quick CSS

    #top .no_margin.av_two_fifth {   
     padding-left: 3.5vw!important;
    }

    Please let us know if you need any help.

    Best regards,
    Vinay

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘column layouts’ is closed to new replies.