Docs

[Benjamin H]

http://www.lvbbi.com
In relation to post https://community.theme.co/forums/topic/sensei-plugin-creates-course-pages-which-are-displayed-incorrectly/#post-287542

I am having the same issue with the sidebar not showing up to the right of the video. I will comment below with the login information because it’s a closed course.

If you click into the courses http://www.lvbbi.com/my-courses/

This is what I want it to look like http://prntscr.com/cs7lhi

Benjamin

[Benjamin H]

This reply has been marked as private.

[Rupok]

Hi Benjamin,

Thanks for writing in! It seems you have added the below code that’s causing this :

.x-sidebar {
  font-size: 11px;
  width: 35%;
}

Let’s remove the width value or add the below code as well :

.x-main.left {
  width: 65%;
}

Hope this helps.

[Benjamin H]

Thank you! Unfortunately it didn’t fix the problem… http://prntscr.com/csw0p8

And now both the sidebar and video are super small…

[Thai]

Hi There,

Please remove this CSS:

.x-sidebar {
  font-size: 11px;
  width: 35%;
}

And add the following CSS instead:

@media (min-width: 980px){
    .x-main.left {
        font-size: 11px;
        width: 65%;
    }

    .x-sidebar {
        width: 35%;
        float: right;
    }
}

Hope it helps :

[Benjamin H]

I made this change and even tried to adjust some of the width values, but it’s still having the same issue.

Benjamin

[Rupok]

Hi there,

I can see it’s working fine and sidebar is where it supposed to be – http://prntscr.com/ctdyh0

You are using Cloudflare, so make sure to clear your cache before checking. I got it down from my end and the Cloudflare error page was showing. Then it was loaded after several tries.

Thanks!

[Benjamin H]

I made sure to clear the Cache in cloud flare, opened up the page in a private window and I’m still getting this page. http://prntscr.com/ctizin

Can you login with the information I sent you earlier so you can see what I see. The page that I’m on is
http://www.lvbbi.com/lesson/baptist-history-i-lecture-1/

Thank you!

[Rad]

This reply has been marked as private.

[Benjamin H]

Your still on the wrong page…. Please look at the screenshot I sent you earlier. 😀

I already know what that other page looks like and it it’s not the page I’m having an issue with. Thank you 😀

[Rad]

Hi there,

There are some unclosed elements https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.lvbbi.com%2Flesson%2Fbaptist-history-i-lecture-1%2F, that breaks the sidebar position. Please provide your FTP login credentials as well 🙂

Thanks!

[Benjamin H]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the ftp details. I went ahead and look for the cause of the issue. I ended up modifying your custom functions. I have used this:

function x_theme_sensei_wrapper_start() {
        if ( is_singular( 'course' ) ){
            remove_action( 'woocommerce_before_single_product', 'x_woocommerce_before_single_product', 10 );
            remove_action( 'woocommerce_after_single_product', 'x_woocommerce_after_single_product', 10 );
        }
        echo '<div class="x-container max width offset">'.
            '<div class="x-main left" role="main">';
             //.'<div class="entry-wrap"> ';
}

function x_theme_sensei_wrapper_end() {

        echo ' </div> <!-- .entry-wrap -->'
             . '</div> <!-- end sensei .x-main left-->'
             . '</div>';
        get_sidebar();
        echo'</div> <!-- end sensei x-container-fluid -->';
}

Please do check out the page again.

[Benjamin H]

It looks incredible!!!! Thank you so so so much!

Can you take at one other page for me. This should be much easier. I simply want to remove the gaps between these courses listed on the page. I tried to change it, but it kept affecting the look of the menu bar on the left. You can see the gap I want to remove in this screenshot
http://prntscr.com/cvt6ie

Here is one of the course listing pages: http://www.lvbbi.com/course-category/theology-courses/

Benjamin

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.archive h3 {
margin-top: 0px;
}

Hope it helps

Joao

[Author]

Posts