A suggested CSS change for lesson videos

Would you help out one of the older members of the Academy (me!) by making the lesson videos be responsive to browser window size? I cannot see anything at the current max of 960px, and full screen makes note-taking, coding along, etc, impossible.

The videos have multiple divs surrounding them, but the following one is the key:

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    padding: 5em;
    margin: 0 auto;
    max-width: 960px;
}

Changing max-width to 2118px allows the video player to responsively size up to 1920px, perfect for 1080p video (assuming you keep the padding at 5em). Of course, you could change it to any large value and that would help immensely.

I see no downside to making that change, but then again, I don’t know all that went into the decision to use 960px. I suspect it is a default in learndash, but again, I don’t know for certain.

Thanks for listening! . . . . Tom

2 Likes