Archived topic

woo sensei archive page course page problem

3 replies · Started by umaporn on February 9, 2018

Viewing posts 1–4 of 4

February 9, 2018 at 3:03 pm #492585

Hi,

I have followed the forum and add
1) add this in function.php file
https://gist.github.com/generatepress/d34e913acad534ffaa16

- This add make all woo sensei content not overlap sidebar and navigation bar

2) add this in simple css plugin

.single-lesson .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

.single-quiz .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

- add this make single lesson view and quiz inside the container (default white container)

However, the course page and category page is still not inside the white container
https://www.punmai.com/courses-overview/

please advise any code to solve this

Thanks,

February 9, 2018 at 9:25 pm #492695

Hi there,

Can you try this CSS instead?:

.single-lesson .site-main,
.post-type-archive-course .site-main {
    background: #FFF;
    padding: 40px;
    margin-bottom: 0;
}

February 13, 2018 at 6:16 am #495166

Hi Tom,

Thanks a lot. I end up use this set of css.

.single-lesson .site-main,
.post-type-archive-course .site-main {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

.single-lesson .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

.single-quiz .site-main > * {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

.single-lesson .site-main,
.single-course .site-main {
background: #FFF;
padding: 40px;
margin-bottom: 0;
}

It works well for desktop

However, for single lesson mobile view. The content seems compress leaving a lot of space. http://www.punmai.com/lesson/smallchild/

while course page or other page works well.

Please advise. Thank you so much

February 13, 2018 at 8:04 pm #495799

Ah, try adding this:

@media (max-width: 768px) {
    .single-lesson .site-main {
        padding: 0;
    }
}

This archived topic is closed to new replies.