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

[Resolved] Section + Lightweight Grid Columns

Home Forums Support Section + Lightweight Grid Columns

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #485331
    Feri

    Hi,

    Why i cant change “bottom padding” at section part with content column from Lightweight Grid Columns? Even i set the bottom padding with 5 or less, nothing happen with section bottom padding.

    please take a look at “Department, Location, Position” part/section.

    thank you.

    GP Premium 1.5.6
    #485582
    Leo
    Staff
    Customer Support

    Hi there,

    Currently I see 15px padding set for the first section.

    Is that not what you have in the setting?

    #485603
    Feri

    Yes 15px. But now i try to change bottom padding to 5px and there is no different result with 15px

    #485708
    Leo
    Staff
    Customer Support

    Can you change it to 0 so I can see why it isn’t working?

    #485881
    Feri

    ok, currently bottom padding set to 0

    #485993
    Leo
    Staff
    Customer Support

    The rest of the margin is coming from LGC.

    Try this CSS to remove them:

    @media (min-width:769px) {
        .inside-grid-column {
            margin-bottom: 0;
        }
    }

    If you can enable right click when we are working on a solution it would really help us out 🙂

    #486136
    Feri

    it works, wow.

    currently i change “right click setting” so you can right click on the weblog

    #486229
    Feri

    But, when i viewed from mobile browser, content inside the table become overlap (there are no space between the title link in column 1 to column 2)
    previously the content composed neat

    #486492
    Leo
    Staff
    Customer Support
    #486835
    Feri

    so is not possible to have the same bottom padding both of desktop and mobile?

    the code is works but the bottom padding (at mobile view) back to previous setting (bottom padding have a bigger size than top padding).

    #486876
    Leo
    Staff
    Customer Support

    Sorry I’m a bit confused now.

    Which padding are you referring to?

    This is what I see on mobile view currently

    #486880
    Feri

    Bottom padding below the content table (under text content Position bla bla). refresh or clear cache browser to see the different

    oh if you dont mind please kindly delete/make private that screenshoot 🙂

    #487219
    Leo
    Staff
    Customer Support

    Try this:

    @media (max-width: 768px) {
        .lgc-mobile-grid-100.lgc-last .inside-grid-column {
            margin-bottom: 0;
        }
    }
    #487461
    Feri

    bottom padding showing perfect both of mobile and desktop.

    but the problem back to the content (only at mobile)

    But, when i viewed from mobile browser, content inside the table become overlap (there are no space between the title link in column 1 to column 2)
    previously the content composed neat

    #487490
    Leo
    Staff
    Customer Support

    Not seeing any overlap on my phone:

    Are you seeing something different?

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