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

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>


Alternatives to WPDevDesign – Oxygen – Essentials

Top alternatives