Design Upgrade Causing Course Grid Columns Issues

  • Resolved taraforbes

    (@taraforbes)


    4 years, 10 months ago

    I noticed an issue with my course grids in LearnDash and have narrowed the cause down to Design Upgrade. When I deactivate Design upgrade, any LearnDash course grids look fine (with the usual standard course grid design issues like spacing). They follow the columns I specify in the shortcake (currently set to col=”2″). When I reactivate Design Upgrade, the 2 columns change to a single column with an empty column beside it, and when I change to 3 columns, the third column overlaps the second column.

    Both LearnDash and Design Upgrade and updated. This issue occurs on all course grids regardless of formatting.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Escape Creative

    (@escapecreative)

    Hi Tara — Sorry you’re experiencing this issue. We have seen this before. It’s partially related to our plugin (nice detective work ??), and (usually) partially related to the theme you’re using.

    In order to enhance the course grid design, we use different code than LearnDash to space out the columns, and this sometimes conflicts with other themes that also use similar code for grids of their own.

    If your grid page is publicly accessible, please post a link here. I should be able to write some CSS that will fix the issue. If not, please email us at [email protected] so we can get access to your site and help you get your grid back in order.

    Dave

    Thread Starter taraforbes

    (@taraforbes)

    Thanks! I’ve sent an email.

    Plugin Author Escape Creative

    (@escapecreative)

    I worked with Tara privately to get this resolved. We were able to identify that the issue was only occurring when she placed the [ld_course_list] shortcode INSIDE of the [visitor] and [/visitor] shortcodes.

    The [visitor] shortcode automatically adds <p> tags by default. In Gutenberg, you can disable these with a toggle (see screenshot).

    If you’re forced to use shortcodes (if using a page builder, for example), you can use this to disable the <p> tags, which will fix the course grid alignment issues.

    [visitor autop="false"][ld_course_list][/visitor]

    Thread Starter taraforbes

    (@taraforbes)

    Thanks again for all your help, Dave!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Design Upgrade Causing Course Grid Columns Issues’ is closed to new replies.

Tags