How to control width of contents?

Hi yjpark,

Can you say more clearly about your mind?

It is a screenshot of Course page.
https://monosnap.com/file/wAQuR34vZ6MBqyakVK4mHa2ycYJxLT

It is a screenshot of Sample Course page.
https://monosnap.com/file/OTftsy5cjn0Bm3INOEc3JkW5W640cw

It is a screenshot of Curriculum page.
https://monosnap.com/file/1xPIZXHCzkjxHskFf5j37sJT703xEZ

It is a screenshot of Lesson page.
https://monosnap.com/file/2wPztJPN6VuwfI3MrJ5sUK684LpowQ

It is a screenshot of Quiz page.
https://monosnap.com/file/oaMLFdgkvhPmudzZIUhMGmNfJXrLNz

I would like to set the contents aligned with top menu width. That is, all of contents to be placed within logo and last menu of the top menu.

Course list page
https://monosnap.com/file/lSTBK5IXmHm0smpWQz2wC9CUnkatyF

I hope to place all contents of LearnPress within this red boundary.
https://monosnap.com/file/wKQFmjapoaffOii6Ol2IkGUQx8gAIy

Hi yjpark,

You can use CSS code to change it. Can you give me your site URL. I will give you the CSS code to change it?

Hi Hadam, I will appreciate you also give me this CSS code too as I’m facing the same issue on my site too.

My website url is https://www.westafricabroadcastacademy.com/

Hi Hadam, it’s my site address and temporal login info.

Site url: https://zinggls.co.kr/learn/login/
id: test
pw: abcd123$%

Courses: https://zinggls.co.kr/learn/courses/
Sample Course: https://zinggls.co.kr/learn/courses/sample-course/
Curriculum: https://zinggls.co.kr/learn/courses/sample-course/?tab=tab-curriculum
Instructor: https://zinggls.co.kr/learn/courses/sample-course/?tab=tab-instructor
Lesson: https://zinggls.co.kr/learn/courses/sample-course/lessons/lesson-1/

Hi @yjpark and @jacosky,

You can use this CSS code to change it:

#lp-archive-courses, #lp-single-course{
    margin: 0 80px;
}

Thanks hadam.

Single course works. But how about Sample Course, Curriculum, Instructor, and Lesson page?

Please use this CSS to change it :

body.course-item-popup.wpadminbar #course-item-content-header {
    padding: 0px 80px;
}
body.course-item-popup.wpadminbar #learn-press-content-item .content-item-scrollable {
    padding-right: 80px !important;
    padding-left: 20px !important;
}
body.course-item-popup #learn-press-course-curriculum .content-item-scrollable {
    padding-left: 80px !important;
}

Thank you so much.

Hoping you can help me with some styling.

On this page the navigation is visible and it works fine https://www.generationdata.eu/course/sample-course/

On the lesson page the nav is over the top of the back to course and details https://www.generationdata.eu/course/sample-course/lessons/lesson-1/

any way to change this ?

Appreciate the help