[Resolved] Lightweight Grid Columns margin/padding issues

[Donna]

Hi. I’m using the Lightweight Grid Columns plugin in combination with the Generate Press theme. To be exact, I’m using a child theme with a few css overrides. The LGC plugin adds left and right padding which I didn’t want, so I overrode that by wrapping the grid in a container with -10px left and right margin. Was that the best way to do it?

Also, I have a column that contains both paragraphs and h3 tags. The theme puts margins at the bottom of all paragraph and heading tags, but the grid flips the margin from the bottom to the top of the paragraph tag. This eliminates the space between paragraphs in the grid and the h3 tag (or any other tag that follows a paragraph). Is there a simple way to add the spacing without a bunch of css overrides?
Thank you!

[Tom]

Hi there,

1. This CSS should help:

.inside-grid-column {
    padding: 0;
}

2. This has been updated in the next version which I haven’t officially released yet. You can grab it here though: https://github.com/tomusborne/Lightweight-Grid-Columns

[Donna]

Thank you very much. I’ll test it out on Monday.

[Tom]

No problem 🙂

[Donna]

Hi Tom,
I installed your updated version of the plugin and zeroed the padding on the class “inside-grid-column” as you suggested, but then there is no padding between columns. The version that is currently on WordPress.org works the way I wanted if I wrap the columns in a container div (with class “dm-grid-container”) and add this one override in my css:

@media (min-width:768px) {
	.dm-grid-container {position: relative; margin: 0 -10px;}
}

I think all my columns go to 100% when the screen is less than 768px wide so I don’t need the override at that point.
Donna

[Tom]

You could be able to do the same thing with the version on Github 🙂

[Author]

Posts