[NoellemenaParticipant]

You guys have been amazing! I LOVE X and it is all coming together!
I have LearnDash running and set up completely. There is a widget that comes with it that displays a course list. I have it in a sidebar but I am hating the line height between the course titles. It is making that sidebar super long. I am including an image.
It is the sidebar at the far right and you see the grey/white list of courses.

What CSS could I use to adjust that??
Here is a Page to see it:
http://designingforthecreative.com/courses/using-your-website-101/

If I can’t fix it, I guess I could do a work around of like a custom menu but I wanted to see since I will be building these for others.

THANKS!
Noelle

[NoellemenaParticipant]

This reply has been marked as private.

[NoellemenaParticipant]

Also while you are there! On that same page in that same sidebar- if you look a little higher and see the Course Outline (image attached) the font is soooo tiny. I would like it bigger.
This all has to do with how LearnDash is outputting as the rest of the sidebar generated from X is perfect.

THANK YOU SO MUCH!
Noelle

[FriechModerator]

Hi Noelle,

Thank you for writing in us again! It is not a line height causing the gap. The courses title output as header and as we know header by default has an large top margin, we can remove that margin by adding the custom css below on your customizer.

.x-sidebar .widget_sfwd-courses-widget ul li h4 {
	margin-top: 0;
}

Regarding the course outline, adjust the font-size with the CSS below.

.x-sidebar .widget_ldcoursenavigation .lesson > a {
	font-size: 18px !important;
}

Hope it helps, Cheers!

[NoellemenaParticipant]

Oh my golly!

[RadModerator]

You’re so much welcome 🙂

[Author]

Posts