Acabado: LearnDash Remove the Sidebar and Bottom Content

For those looking to run courses on their site LearnDash is a quite popular option but the way Acabado lays out pages can impact the course spacing and layout looking clumsy and disorganized.

Someone recently asked how they could clean up their pages for the courses and just make the site full page and allow the course to shine through instead of looking jumbled.

This consisted of focusing on the layout and using CSS to make adjustments as you don’t want to lose them overall but only on the actual course pages which means targeting the setting that tells the post it is a course.

For this we target on the below based on the LearnDash help files.

.single-sfwd-courses

This is basically their identifier for a course, after this you target what you want to change so in this case we focus on the sidebar and then the extra content like Author Card and Recent Posts.

After this we then give the main article container all the space vacated by the sidebar which allows it to stretch edge to edge without issue.

For Acabado you will need to add this to the Custom CSS which is located in Acabado Settings -> Acabado Settings at around 3/4 of the way down the settings page.

Copy and paste the entire below into this section then make sure to save and if you have caching you will want to flush all caches to ensure everything loads as expected.

.single-sfwd-courses #secondary {
    display: none;
}

.single-sfwd-courses article.author-card {
    display: none;
}

.single-sfwd-courses h3.h2 {
    display: none;
}

.single-sfwd-courses .recent-articles-container {
    display: none;
}

.single-sfwd-courses .site-main {
    width: calc(97.666667% - 15px);
    float: left;
}

.single-sfwd-courses .site-content .widget-area {
    float: right;
    width: calc(3.3333% - 25px);
    padding-left: 40px;
    border-left: 2px solid #f0f0f0;
}

.single-sfwd-lessons #secondary {
    display: none;
}

.single-sfwd-lessons article.author-card {
    display: none;
}

.single-sfwd-lessons h3.h2 {
    display: none;
}

.single-sfwd-lessons .recent-articles-container {
    display: none;
}

.single-sfwd-lessons .site-main {
    width: calc(97.666667% - 15px);
    float: left;
}

.single-sfwd-lessons .site-content .widget-area {
    float: right;
    width: calc(3.3333% - 25px);
    padding-left: 40px;
    border-left: 2px solid #f0f0f0;
} 

I love technology, I have plenty of technical side experience but never really thought of blogging as a way to earn an income. With everything that has gone on in the last couple years and the instability of the job markets I started to learn how to blog and build affiliate niche sites to add more income channels to give me the chance to break free from the financial chains that bind me and find real freedom!