Expanding Lesson Content Width in Tutor LMS

  • Resolved irisbarlev

    (@irisbarlev)


    2 weeks, 3 days ago

    Hi,

    I’m using Tutor LMS and trying to make the lesson content area wider to better utilize the available screen space. However, it seems that the content width is restricted by .tutor-container with max-width: var(--theme-normal-container-max-width);, preventing it from expanding fully.

    I have tried adding custom CSS, such as:

    .tutor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    }

    .tutor-course-single-content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    }

    But the layout is still constrained, and a large portion of the screen remains unused.

    Could you please advise on the correct way to expand the lesson content width? Is there a recommended method or override for this within Tutor LMS?

    Thanks in advance for your help!

    Best regards,

    Iris

Viewing 4 replies - 1 through 4 (of 4 total)

  • Which container do you mean?

    Thread Starter irisbarlev

    (@irisbarlev)

    Dear Tutor LMS Support,

    I appreciate your prompt response. Regarding your question, I am referring to the margins of the lesson display page. Please see the attached screenshot where I have marked the area with arrows.

    The issue is that these margins take up unnecessary space, and I would like to adjust them to make better use of the available screen area. Could you please advise on how I can modify or reduce this spacing?

    Thank you for your assistance.

    Best regards,
    Iris

    View post on imgur.com

    Hello @irisbarlev,

    Thank you for reaching out to us!

    I appreciate the details you’ve provided. You can adjust the lesson content width in Tutor LMS by adding the following CSS to the Additional CSS section in your WordPress Customizer:

    @media (min-width: 1200px) {
        .tutor-row.tutor-justify-center .tutor-col-xl-8 {
            width: 98% !important;
        }
    }

    This should increase the width of the lesson content area. Let me know if you need further assistance!

    Thread Starter irisbarlev

    (@irisbarlev)

    Dear Nafiz,

    Thank you very much for your response.
    This is exactly the solution I was looking for, and it perfectly addresses what I needed.

    Best regards,

    Iris

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.