Escape Creative

Hi Maria — I’m going to try to answer your question, but please keep in mind, this has nothing to do with our Design Upgrade for LearnDash plugin.

Our plugin does not work with BuddyBoss, and you’re asking about a BuddyBoss feature, not a feature of our plugin.

It looks like uploading videos to the activity feed is not yet supported by BuddyBoss. It’s on their roadmap for Q3 of this year.

The plugin you referenced does not appear to be compatible with BuddyBoss. Just because something works with BuddyPress does not mean it works with BuddyBoss. They are two separate systems.

?? Thanks for taking the time to leave a quick review. We’re glad you find it useful.

In regards to your first issue:

On the Course page, the contents collapse nicely when it is disabled, but the Expand and Expand All options do not work. No response at all, even on hover.

I’ve tested this on our site and I can’t reproduce it. It’s working as it should for me.

I suspect this is a JavaScript conflict/error of some kind, as that is what powers the expand/collapse functionality. Our plugin actually doesn’t do anything with the JavaScript. We simply hide or show using CSS. And when you disable the option, our plugin does nothing.

If you know how to use your browser’s inspector/dev tools, look in the Console to see if there are errors. It could also be an issue with WordPress 5.5, if you’ve recently updated. If so, and the issue started with WordPress 5.5, maybe give this plugin a try.

It might have something to do with CartFlows, but we don’t test with that plugin so I can’t be sure. Looking for JavaScript errors would be the first place I’d
look.

Your second issue states:

Also the radio button next to each content section is not selectable.

There aren’t any radio buttons in the course content lists. Each lesson/topic is simply a link to that lesson/topic page. If you see a bunch of circles to the left of the lesson/topic title, it is just indicating that the course has not been completed yet. It’s an icon that indicates course progress.

Thanks for taking the time to leave a review. We appreciate it ??.

In the future, please start a new thread, especially when your topic is much different from the original topic.

But here’s the custom CSS to move the focus mode sidebar from the left to the right. There are a few lines that specifically require the Design Upgrade for LearnDash free plugin to be used, but most of it will work with or without the plugin.

@media (min-width:768px) {
	.learndash-wrapper .ld-focus .ld-focus-sidebar {
		left: unset;
		right: 0;
		border-right: 0;
		border-left: 1px solid var(--ldx-course-nav-line-separator-color);
	}
	.learndash-wrapper .ld-focus .ld-focus-main {
		margin-left: 0;
		margin-right: 350px;
		-webkit-transition: margin-right .3s ease;
		transition: margin-right .3s ease;
	}
	.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar {
		-webkit-transform: translateX(-webkit-calc(100% - 50px));
		-ms-transform: translateX(calc(100% - 50px));
		transform: translateX(calc(100% - 50px));
		border-left: 0;
	}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
		padding: .75em 1em .75em 4em;
	}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
		right: unset;
		left: 0;
	}
	.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
		transform: translateY(-50%) translateX(-20%) rotate(180deg);
	}
	.learndash-wrapper .ld-focus-sidebar-collapsed .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
		transform: translateY(-50%) translateX(-20%) rotate(0deg);
	}
}

?? Sorry about those 10 minutes, but we’re really glad you enjoyed the rest of the experience ??.

Thanks for taking the time to write a review. We really appreciate it ??.

Hi,

I just wanted to let you know that we’ve received this and are looking into it. We hope to have a more thorough response for you soon.

Dave

?? Happy to help!

If you have an extra minute or two and wouldn’t mind posting a quick review, we’d really appreciate it. We try to go above & beyond in our support, and would love potential future users of the plugin to hear about the great experiences we’ve been able to provide.

No pressure either way. Just thought I’d ask ??.

→ https://www.ads-software.com/support/plugin/design-upgrade-learndash/reviews/

To move the Sections further to the right (i.e. “Let’s Get Started”), use this CSS. Adjust padding to your liking.

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-section-heading {
  padding-left: 20px;
}

To move Lessons further to the right (i.e. “Course Schedule”), use this CSS.

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {
  padding-left: 20px;   
}

To change the background color of the breadcrumbs in Focus Mode, use this CSS:

.learndash-wrapper .ld-breadcrumbs {
  background: #fff;
}

To adjust the spacing around the logo in the menu bar, use this CSS. The first number adjusts top/bottom spacing. The second number adjusts left/right spacing.

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
  padding: 10px 18px;
}

All this CSS should be placed in the “Additional CSS” area of the Customizer.

As for the grey circles next to your topics, I think that’s happening because you have an “Accent Color” set in the LearnDash LMS > Settings. That color messes with our color settings. If you clear it back to the default, you’ll see a simple down arrow instead of a circle there. But there are no customization options for that icon. We use what LearnDash uses, except we remove the circle surrounding it.

See here:
https://www.dropbox.com/s/pzm08h9vj3fijng/learndash-3-color-settings.jpg?dl=0

Can you provide a screenshot of what you mean by the “focus mode content sidebar and top menu bar?” I’m just not 100% sure what you mean.

Do you want to add padding to the box above the navigation, that contains the course title? Padding on all 4 sides, just 2 sides…?

I’ll provide the CSS to change the background color for the breadcrumbs shortly. I assume you are referring to the breadcrumbs within focus mode, correct?

Thanks for taking the time to share your experience. We were happy to help you out ??.

Thanks for the kind words, Hugo ??. We’re always happy to help.

So glad we could help you out, Tara. And you helped me discover something new about a LearnDash shortcode in the process, so that’s for the challenge ??.

I worked with Tara privately to get this resolved. We were able to identify that the issue was only occurring when she placed the [ld_course_list] shortcode INSIDE of the [visitor] and [/visitor] shortcodes.

The [visitor] shortcode automatically adds <p> tags by default. In Gutenberg, you can disable these with a toggle (see screenshot).

If you’re forced to use shortcodes (if using a page builder, for example), you can use this to disable the <p> tags, which will fix the course grid alignment issues.

[visitor autop="false"][ld_course_list][/visitor]

Hi Tara — Sorry you’re experiencing this issue. We have seen this before. It’s partially related to our plugin (nice detective work ??), and (usually) partially related to the theme you’re using.

In order to enhance the course grid design, we use different code than LearnDash to space out the columns, and this sometimes conflicts with other themes that also use similar code for grids of their own.

If your grid page is publicly accessible, please post a link here. I should be able to write some CSS that will fix the issue. If not, please email us at [email protected] so we can get access to your site and help you get your grid back in order.

Dave