Themeum

<p>This plugin integrates Tutor LMS with the popular Oxygen Page Builder plugin. It adds all the functionalities needed to create a complete WordPress LMS website using Oxygen Builder.</p>
<p>To use this plugin, you must first have all the plugins installed and activated. The required plugins are:<br />
 *<a href="https://wordpress.org/plugins/tutor/" rel="ugc">Tutor LMS (Free/Pro)</a><br />
 *Integration Plugin<br />
 *<a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen Builder</a></p>
<h4>What Oxygen Builder Brings to Tutor LMS</h4>
<p>Oxygen builder is a very unique and robust page builder, and you can practically create your custom made theme for an LMS platform. Thus you don’t have to rely on other third-party themes and make your website from the ground up exactly the way you want it.</p>
<p>Oxygen Builder provides a plethora of features like the header builder, huge design library, and full responsiveness controls. Moreover, it also comes with a library of pre-made design sets that can be imported directly to create rich webpages. We believe with this integration activated, you can create an amazing platform for your instructors and students alike.</p>
<h4>Oxygen Visual Editor</h4>
<p>Like all other Oxygen enabled sites, installing Oxygen will strip out all the visuals of your old site. The visuals will now be controlled by Oxygen’s templates. Therefore, your theme will basically be useless. You will have to create Oxygen templates to properly show your content in a usable layout.</p>
<p>With this integration plugin enabled, you will see a brand new tab in the editor. This tab labeled “Tutor LMS” contains all the necessary elements needed to build a perfect LMS website. Whether you’re a designer or a WordPress developer, it will suit all your needs.<br />
There are two ways of creating a course page, for example:</p>
<ul>
<li>Add a single course template</li>
<li>Build your custom design using single course elements</li>
</ul>
<p>If you add the single course template, you’ll be able to edit each of the elements. But you won’t be able to change the layout of the course page itself. To do so, you’ll need to create a custom course layout with all the necessary elements.</p>
<p>If you’re familiar with the Oxygen Builder plugin, creating a new custom layout with custom headers and footers should be a breeze. We’ve added all the necessary elements needed to create a full Tutor LMS website. We’ve broken down all of Tutor LMS into small elements that you can now use to create a customizable layout for all Tutor LMS pages like course page, quiz page, archive page, and so on.</p>
<p>To read about every aspect of this plugin, please refer to our <a href="https://www.themeum.com/docs/oxygen-builder-introduction/" rel="nofollow ugc">documentation on the Oxygen Builder</a> integration plugin. You will find all the information on this plugin in our documentation website.</p>


Oxygen Tutor LMS

Build E-Learning website by Oxygen Builder and Tutor LMS Integration plugin

Sridhar Katakam

<p>This plugin enables HTML5 support for elements like the search form and adds (what I consider to be) some essential CSS – for example, to make all the images responsive when using the <a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> visual site builder.</p>
<p>There are no settings for the plugin. Just install and activate.</p>
<p>Details:</p>
<ol>
<li>Enables HTML5 support for comment list, comment form, search form, gallery and caption elements.</li>
<li>Adds some CSS from <a href="https://hankchizljaw.com/wrote/a-modern-css-reset/" rel="nofollow ugc">Modern CSS Reset</a> for
<ul>
<li>setting a min-height of 100vh for the <code>body</code> element.</li>
<li>removing default padding, default margin and list styles on <code>ul</code> and <code>ol</code> elements that have a class set.</li>
<li>inheriting font rules for inputs and buttons.</li>
<li>removing all animations and transitions for people that prefer not to see them via <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion" rel="nofollow ugc">prefers-reduced-motion</a>.</li>
</ul>
</li>
<li>Adds CSS for
<ul>
<li>making all images responsive and setting their <code>vertical-align</code> to <code>top</code> so they don’t take up an extra pixel space at the bottom.</li>
<li>WordPress <a href="https://codex.wordpress.org/Wrapping_Text_Around_Images" rel="nofollow ugc">image alignment classes</a>. This is useful for <a href="https://wpdevdesign.com/how-to-wrap-text-around-images-in-oxygen/" rel="nofollow ugc">wrapping text around images in Oxygen</a>.</li>
<li>making the <a href="https://wpdevdesign.com/how-to-fix-wordpress-toolbar-submenu-links-issue-with-fixed-header/" rel="nofollow ugc">admin bar sub menu items visible when using fixed header in Oxygen</a>.</li>
<li>making <code>label</code> elements visible which Oxygen, for some strange reason, seems to set the display of to none.</li>
<li>handling screen reader text for form labels when HTML5 output is enabled (which this plugin does).</li>
<li>aligning search form’s input and button side-by-side and changing header search form’s input width to <code>auto</code> from 100%.</li>
</ul>
</li>
</ol>
<h3>Automatic Installation</h3>
<p>Search for <code>oxygen essentials</code> from within your WordPress plugins’ Add New page and install.</p>
<h3>Manual Installation</h3>
<ol>
<li>Click on the <code>Download</code> button to download the plugin.</li>
<li>Upload the entire <code>wpdevdesign-oxygen-essentials</code> folder to the <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the plugin through the <code>Plugins</code> menu in WordPress.</li>
</ol>


WPDevDesign – Oxygen – Essentials

Essential changes for sites running Oxygen, a visual site builder for WordPress.

Oxygen Tutor LMS vs WPDevDesign – Oxygen – Essentials