Site logo

Archived topic

Tutor LMS and Generatepress layout problem

3 replies · Started by Marian on June 18, 2022

Viewing posts 1–4 of 4

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.

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 :)

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

No problem :)

This archived topic is closed to new replies.