Automattic / Automattic/sensei
Learning mode and DIVI incompatibility error
- Dominant language
- PHP
- Stars
- 593
- Forks
- 218
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 53
Description
If the template is DIVI and Learner mode is on, some plugin blocks will not appear in lessons (e.g. WP Vimeo Upload block of Video Uploads for Vimeo PRO plugin).
This CSS is causing the issue:
woothemes-sensei/plugins/sensei-lms/assets/dist/css/3rd-party/themes/divi/learning-mode.css?ver=2566383cb64eabe0d127
.wp-block-post-content * {
padding-bottom: 0;
}
This sets the padding-bottom to 0, which means that the given block element is not visible.
### Screenshot / Video
padding-bottom prevents showing video player element:

If you disable padding-bottom video player is visible:

### PHP / WordPress / Sensei LMS version
Sensei LMS Version: 4.15.0 | Sensei Pro Version: 1.15.0
DIVI 4.21.0
WordPress 6.2.2
Contributor guide
Research direction
Start with woothemes-sensei/plugins/sensei-lms/assets/dist/css/3rd-party/themes/divi/learning-mode.css and inspect the .wp-block-post-content * padding-bottom rule. Reproduce with DIVI and Learner mode enabled using the WP Vimeo Upload block, then verify that the video player and other plugin blocks appear without breaking learning-mode styling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100