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.
haha thank you! ^_^
And I left a review. you deserved it.
