Sensei course grid

[Mike]

Hi, on your demo site home page, the course grid shows 3 courses in each row. How did you set this number?

Now I’ve started adding numerous courses, my grid has started to show 4 courses in a row. I like 3 better as it allows the images to be a good size.

Thanks,

Mike

[Anonymous]

Hi @familybudgeting, You can use course shortcode to display in 3 column.

Just specify the number of columns in the shortcode. If you want three columns, the shortcode is as follows:

[ld_course_list col=3]

Regards
Pallavi

[Mike]

Hi Pallavi, that’s the LearnDash shortcode, but as mentioned in the subject, I’m using Sensei.

Cheers,

Mike

[Anonymous]

Hi @familybudgeting, you can use following shortcodes

These shortcodes are:
[newcourses] – displays the latest courses
[featuredcourses] – displays the courses marked as featured
[freecourses] – displays courses that do not require payment to take
[paidcourses] – displays courses that require payment to take

Regards
Varun Dubey

[Mike]

Yes, I am happy to use those shortcodes. My question is around the resulting layout. Your demo (homepage) has three courses across. My result is four courses across. I want three, like in your demo.

From what I can see from Sensei, there are no shortcode variations that determine layout, which means it’s entirely dictated by your theme… no?

[Mike]

I’ve established a temporary work-around by fiddling the CSS:

`body:not(.tax-module):not(.post-type-archive-lesson) #main .course-container article {
width: 33.33%;
}

(It was originally 25%.)
But I’m not sure why I needed to do this.

[Anonymous]

Hi @familybudgeting, we are using Sensei Default shortcodes
http://docs.woothemes.com/document/sensei-theming/
Regards
Varun Dubey

[Mike]

Yeah, you say that but your result is different than mine. How could that be the case?

My CSS changes do not really work on mobile so I’m still looking for a solution.