How to divide courses in seperate lists

  • Wessel

    (@foosingvld)


    1 year, 1 month ago

    I’m using the shortcode [pmpro_all_courses limit=”30″] to show my members all of the 30 courses we offer on our website. The problem is that this list is very long. People have to scroll down to see certain courses and it just looks very messy.

    This is how the page looks now: https://imgur.com/uxo9cHk

    I want to make 3 columns showing 10 courses per column. So column 1 lists lessons 1-10, column 2 lists lessons 11-20 etc. How can I make this work? As far as I can find the options to display courses are very very limited with only 2 shortcodes available.

    • This topic was modified 1 year, 1 month ago by Wessel.
Viewing 1 replies (of 1 total)
  • Plugin Support Kim White

    (@kimwhite)

    Hello @wessel,

    We do not have this view available as part of our course shortcodes. However, you may be able to customize the CSS to display it as a list for you. You will want to start with these.

    ul.pmpro_courses-list {
    column-count: 3;
    }

    .pmpro_courses-course-lesson-count { display: none; }

    You will also want to style this to be responsive.

    I hope this information is helpful to get you started with this customization.

    Kim W

Viewing 1 replies (of 1 total)
  • The topic ‘How to divide courses in seperate lists’ is closed to new replies.