Site logo

Archived topic

Section + Lightweight Grid Columns

18 replies · Started by Feri on February 1, 2018

Viewing posts 1–15 of 19

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.

Hi there,

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

Is that not what you have in the setting?

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

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

ok, currently bottom padding set to 0

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 :)

it works, wow.

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

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

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).

Sorry I'm a bit confused now.

Which padding are you referring to?

This is what I see on mobile view currently

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 :)

Try this:

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

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

Not seeing any overlap on my phone:

Are you seeing something different?

This archived topic is closed to new replies.