Editing the Learn page

Welcome back. ??

To answer this and clarify this, I will have to fist tell how the ‘Learn page’ works.

Whenever you start any course, it opens of a learning page consisting all the lessons and quizzes of that particular course. Now, ‘Learn Page’ under Pages just remains to run this learning page for each course. The content of the ‘Learn Page’ itself is irrelevant and it will not show anywhere. So, you don’t need to edit the content of ‘Learn page’, please keep it as it is without deleting the page.

Now, when you start any course, you are in one of your lessons of that particular course. The video added to the lesson will show at top just below lesson title and the lesson description will show below the video. So, if you are looking to add content for each lesson within the course, lesson description is the thing that you need to add. Please check Add new lesson section in this doc. Also, video is like the main content for any lesson, we show it right at top before the lesson description to highlight it.

Please let me know if this clarifies your query or not. Also, if you have any suggestions on this matter, I would be happy to hear those.

Thanks.
Sanjip S.

Hi Sanjip,

Thank you for your response! I have added a lesson description but it appears in the same place as always and I don’t see a way to edit this in the doc you linked either. If there is no template to edit for this, can we use the CSS edit the way the lesson page presents itself? Are the classes/IDs used here unique to the lesson page only?

Hi @evatb,

Yes, for every lesson the respective lesson description will be shown here in the same place which is the content area (below lesson featured video of the lesson if added).

I am not sure what you are trying to achieve here. Can you please explain a bit more or if you have screenshots of what you want to achieve then that would be helpful for me to provide the best help that I can provide.

Thanks.
Sanjip S.

Absolutely! I’m just looking for some flexibility in the position of these items on the Learn page so that we can tailor them to our end users preference.

For example: https://imgur.com/a/v1Ljcx0

So, looking at the image that you have provided, you want the Complete button at the top (beside lesson title) and lesson description to show before the video.

For Complete button:
We do have plan to show it in the header top bar between progressive bar and account image icon. Sometimes when the lesson description is long rather than scrolling the page downwards to click on Complete button, same button at the top area can become handy for learners/students. So, I assume what you want is similar to this. This will be added in one of our updates but will take sometime. Achieving this via CSS is difficult and not recommended.

For Lesson description:
Since the lesson description comes right after video, we can reverse the order using the following custom CSS. Please give it a try.

.chakra-stack #ytplayer {
  order: 2;
}
.chakra-stack .masteriyo-interactive-description {
 order: 1;
 margin-top: 0;
} 

Hope this helps.

Thanks.
Sanjip S.

Labeling this thread as resolved. Please create new support thread if needed.

Thanks.
Sanjip S.