[Resolved] Issue with displaying Learndash course list columns

[Steve]

Hi,

I’m using Learndash and the course grid addon with Generatepress and it seems that Generatepress is causing issues with displaying my course lesson columns correctly.

You select how many columns you want in the Gutenberg block setting yet it always show 1 less column than what you choose. So I want 3 columns and it’s only displaying 2.

If I select 4 columns it shows 3 but with loads of space to the right side.

I have tried on different sites but the problem persists and I have tried using a different theme and the issue goes away.

Any ideas?

Many thanks

[David]

Hi there,

its the LearnDash CSS, the column % widths are exact and not considering the element has padding. Until it hits 5 columns and then it goes the other way…. so try this:

.ld-course-list-items.row .ld_course_grid {
    padding-right: 0 !important;  
}

Alternatively if you are using 4 or less columns this:

.ld-course-list-items.row .ld_course_grid {
    box-sizing: border-box;    
}

[Steve]

Thank you David

That worked perfectly!

😀

[David]

You’re welcome.

[Author]

Posts