[Resolved] Tutor LMS and Generatepress layout problem

[Marian]

Hello,
I’ve just installed TUTOR LMS as I want to use it for my courses along with GeneratePress. I discovered that there’s some problem with the layout. The elements on the page seem to be overlapping for no, to me apparent, reason.
https://ibb.co/bKVzt1C
I tried other themes, e.g. twenty twenty-one shows the content full width, and the content sections are aligned right next to each other, so I suspect it is a theme related problem. The LMS is compatible with Generatepress (I was told). I would still prefer the content to be contained, but not overlapped. Also there is no padding at the bottom, so I suspect that there’s some kind of conflict. I updated the theme and GP Premium, disabled plugins, cleared cache…alas, to no avail. I’d be grateful if you could provide some pointers.

[Leo]

Hi Marian,

The HTML and CSS for the content on the linked page is all coming from Tutor LMS so I really can’t see how this would be a theme issue.

Have you reported this problem to their support team first?

I believe this line in their CSS is causing the issue:
https://www.screencast.com/t/HBaeEm0v76l

You can try this as a temporary fix:

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
    width: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Marian]

Perfect Leo! That worked well. Thanks. I don’t think I’m going to stick with Tutor LMS though.

[Leo]

No problem 🙂

[Author]

Posts