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!
bump?
Hey!
Sorry for the late reply!
Please try using Grid Row element. You can edit each cell and adjust paddings.
Cheers!
Yigit
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
Hi Yigit,
I’ll keep working on the gird layout…
Thanks
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