Lesson order numbers break in Course Content Table

Hi Yanur — Just wanted you to know I received this, and will be looking at it today. Thanks for providing a link to your site. That’s very helpful.

I’ll be in touch soon,
Dave

You are welcome ?? I will be waiting. And thanks for the simple yet useful plugin.

OK, I see what’s causing this. My plugin uses a 5% width on those numbers, and leaves 95% for the rest of the content in the table. However, for double-digit numbers in your theme, 5% is not enough.

You can increase the width to 8%, and then adjust the remaining content to 92%, and that should fix your issue. I’ll consider making this a permanent change in a future update to the plugin (after some testing with different themes), but this code can be added to a child theme or the Additional CSS area of the Customizer to fix the issue.

#lessons_list .list-count,
#quiz_list .list-count {
	width: 8%;
}

/* This fixes the period overlapping the number */
#lessons_list .list-count:after {
	margin: 0;
}

/* Adjust the remaining content to 92% */
#lessons_list>div h4,
#course_list>div h4,
#quiz_list>div h4,
#learndash_lesson_topics_list ul>li>span.topic_item {
	width: 92%;
}

If you find that you need more than 8%, just adjust the percentages accordingly.

Please let me know if that fixes the issue, or if you need any help getting it implemented.

Thanks!

That fixed the issue. Thanks a lot ??

?? — Just let me know if you need help with anything else.

P.S. I love the design of your course page ??. Nicely done!

And if you should feel so inclined, I’d love it if you could leave a quick review. I would really appreciate that.

• This reply was modified 6 years, 6 months ago by Escape Creative.

haha thank you! ^_^

And I left a review. you deserved it.