Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Lightweight Grid Columns margin/padding issues

Home Forums Support [Resolved] Lightweight Grid Columns margin/padding issues

Home Forums Support Lightweight Grid Columns margin/padding issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #219660
    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!

    #219725
    Tom
    Lead Developer
    Lead Developer

    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

    #219797
    Donna

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

    #219831
    Tom
    Lead Developer
    Lead Developer
    #220680
    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

    #220692
    Tom
    Lead Developer
    Lead Developer

    You could be able to do the same thing with the version on Github πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.