Learndash Course Grid and other design issues • BuddyBoss

Tagged: social learner

This topic has 15 replies, 10 contibutors, and was last updated 5 years, 11 months ago by mlabisi98.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Question

February 22, 2016 at 8:12 am #59895
Jan
@easydeutsch
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:
```
Examples & Your Task
<ul>
	<li>In German grammar the adjectives in front of a noun 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
Answers

February 23, 2016 at 1:17 am #59949
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:
```
Examples & Your Task
<ul>
	<li>In German grammar the adjectives in front of a noun must be declined.</li>
	<li>Adjective: „groß“</li>
</ul>
```
Regards
February 23, 2016 at 1:49 am #59952

Jan
@easydeutsch

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

February 23, 2016 at 3:00 am #59960

Anonymous
@

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

Regards

February 23, 2016 at 3:30 am #59962

Jan
@easydeutsch

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

February 24, 2016 at 7:04 am #60092

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

April 22, 2016 at 5:13 am #69297

Blokhin
@crowdsparks

@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

April 28, 2016 at 6:53 am #69854

Alyssa
Participant
@alyssa-buddyboss

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!

June 26, 2016 at 6:18 pm #71499

Blake
@bmills

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

February 9, 2017 at 3:45 am #76747

Srinivasa
@globalgyan

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?

August 26, 2017 at 12:44 pm #118423

Jarrad Markel
@jarradmarkelgmail-com

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

November 9, 2017 at 6:03 am #127405

fantasticant
@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

November 9, 2017 at 6:52 am #127407

fantasticant
@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

November 9, 2017 at 6:54 am #127409

fantasticant
@fantasticant

this is another example ..

November 20, 2018 at 3:10 am #159077

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