Learndash Course Grid and other design issues

[Jan]

I just bought and installed the Social learner child theme…

but I have 2 issues with it! I use the Learndash Course Grid plugin and since I installed Social learner the featured images aren´t shown correctly and (very strange) every course that isn´t in the first row is moving downwards! In Safari Browers it´s not moving downwards but it shows the courses with a huge space between the rows…

I attached a screenshot! (BTW Sometiems the featured images show correctly but the 2nd and 3rd row still keep going downwards!

Next problem ist that the videos in the lessons aren´t shown properly… in the video area i have a black bar on top of the video and at the bottom the video is cutted! Same size like the bar on top!

Next thing That´s teh Code for it:

<strong>Examples & Your Task</strong>
<ul>
	<li>In German grammar the adjectives <u>in front of a noun</u> must be declined.</li>
	<li>Adjective: „groß“</li>
</ul>

please have a look at teh 3rd screenshot how it looks…

Thanks for your help! ON one of the screenshots you have some login-details in case you need them to fix the issues! 😉
Jan

[Anonymous]

Hi @easydeutsch, You do not have to use Course Grid plugin functionality already in Boss for Learndash plugin or put the same amount of excerpt to align them in same row and column.

For videos, seems you are using a video player to display your videos, please make sure all setting are checked well.

In you third screen shot, seems you want to underlined the words so try this:

<strong>Examples & Your Task</strong>
<ul>
	<li>In German grammar the adjectives <span style="text-decoration: underline;">in front of a noun</span> must be declined.</li>
	<li>Adjective: „groß“</li>
</ul>

Regards

[Jan]

I figured the video issue myself!

if I deactivate the Learndash Course Grid it doesn´t move downwards anmore but it´s still disconfigurated, screenshot attached

Thanks for your help

Jan

[Anonymous]

Hi @easydeutsch, Please try this shortcode to [ld_course_list col="4"] maintain the layout.

Regards

[Jan]

No change… also with col=”2″ / “3” … no change at all…

[Anonymous]

Hi @easydeutsch, I have notified it to development team and our team is working hard on preparing the next release, we will let you know as soon as it’s ready.

Regards

[Blokhin]

@anve
Hi, after lastp update. Some of my courses images on main page become larger than other images. How I can fix that?
pls check attachment

[Alyssa]

Hi again!

Could you try to install the latest development version of BuddyPress for Learndash and Boss for Learndash? I’ve sent you plugins zip.

Let me know how it goes!

[Blake]

How can I add a short description to a course in the all-courses page? Learndash course grid adds this functionality, but when I use the plugin I get the same issue as OP.

Is there an option I’m missing? I need this functionality. Maybe there’s a way to add it to a php file?

Thanks,
Blake

[Srinivasa]

The first issue raised by the OP still seems to persist.

In the Home page file that comes from the Demo, the Course list is created by [ld_course_list]

When I used [ld_course_list col=3], the Visual Composer seems to show the courses fine (first screenshot), but the actual page renders with the grid gone wrong (second screenshot).

The alternative seems to be use the Grid in built to Visual Composer and choose sfwd-courses for the grid… this works quite fine, except that the Price information is missing.

Any suggestions, please?

[Jarrad Markel]

Hi Guys,

I’m having the same issue with the course grid. I’m using the shortcode: [ld_course_list progress_bar=true categoryselector=true col=4]. See image number 3 attached.

It gets better with less columns, 2 seems to work best and all of them look correct (as far as formatting) on mobile. See image #2 for Mobile.

Image #1 is the course grid shortcode above with 3 columns instead of 4.

Another major issue is that not all the courses show up in the grid. ONLY the enrolled courses show up and I assume all courses are supposed to show up whether they’re enrolled or not.

Thanks for your time and effort looking into this!

Talk soon,
Jarrad Markel

[fantasticant]

I have this issue too .. I have disabled the LD Grid plugin (as suggested by people above) .. On Chrome the grid displays ok .. On Firefox, Safari – it does not.

Surely this issue has been solved by now??!

Any help gratefully received.

Ant

[fantasticant]

Correction .. chrome still has bugs – they aren’t as obvious.

Screenshot enclosed ..

I LOVE Social learner – and hope very much that I can sort this.

Ant

[fantasticant]

this is another example ..

[romuald]

I had some bug with blank colum. This is a solution that work for me

/*fixe le bug du course grid learndash*/
@media screen and (min-width: 1921px) and (max-width: 2500px) {
#course-list-wrap .course.type-sfwd-lessons,
#course-list-wrap .course.type-sfwd-courses {
height:450px;
}
}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
#course-list-wrap .course.type-sfwd-lessons,
#course-list-wrap .course.type-sfwd-courses {
height:420px;
}
}
@media screen and (max-width: 1599px) {
#course-list-wrap .course.type-sfwd-lessons,
#course-list-wrap .course.type-sfwd-courses {
height:380px;
}
}