Archived topic

Issue with displaying Learndash course list columns

3 replies · Started by Steve on January 10, 2019

Viewing posts 1–4 of 4

January 10, 2019 at 9:09 am #778468

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

January 10, 2019 at 6:07 pm #778803

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;    
}

January 11, 2019 at 7:13 am #779241

Thank you David

That worked perfectly!

January 11, 2019 at 7:13 am #779243

You're welcome.

This archived topic is closed to new replies.

Start building better websites today.