Sridhar Katakam

<p>This plugin adds Templates and Pages in the Toolbar for editing the selected item with Oxygen directly.</p>
<p>The top-level <code>Templates</code> and <code>Pages</code> admin bar menu items link to corresponding listing pages in the WordPress admin.</p>
<p>There are no settings for the plugin. Just install and activate.</p>
<h3>Automatic Installation</h3>
<p>Search for <code>wpdevdesign</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-navigator</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 – Navigator

Adds useful links in the Toolbar for directly start editing Pages and Templates when using Oxygen.

George Nicolaou

picsta

<p>Who can benefit from the plugin GM Adaptive CSS Grid Columns? (Short: GM Grid)<br />
The plugin is made to help everyone who wants to have an easy, lightweight and worry-free solution to set up a maximum grid count on their website.<br />
Of course, you can have fewer columns as those you have defined. They will automatically take the right percentage like 33.3%, 50% or even 100% of the available width.</p>
<h3>Do I have to know CSS?</h3>
<p>Absolutely not! Especially beginners and non-coders will start to love this plugin soon.</p>
<h3>Hold on, not another plugin, what happens to my page speed?</h3>
<p>Don’t panic, we took care of this by keeping this plugin lightweight and the CSS is minified by default.</p>
<h3>Important Notice:</h3>
<p>The plugin only works if you correctly identify and target the parent, and it’s direct child elements. Otherwise, the plugin can’t work.<br />
Recommended page builder are Bricks, Oxygen and Breakdance.</p>
<h3>How to use:</h3>
<p>The setup is quite simple. Basically, you just add two CSS classes to your elements and the plugin does the magic for you.<br />
Make sure to add the following classes to the container and direct child elements. Use a DIV instead of a section, container, or block<br />
to avoid conflicting predefined styles.</p>
<p>Parent/Container Element class: grid-container<br />
Child Element class: grid-item</p>
<p>Additionally, there is one more CSS class available. By using grid-center on your parent (container) element, you achieve three things.<br />
1. The container will be centred on the page<br />
2. Add your desired width (in rem)<br />
3. Add horizontal spacing across all break points</p>
<h3>Minimum Setup:</h3>
<ol>
<li>Define the maximum column count for your medium and large screen size.</li>
<li>Add the desired gap size (in rem)</li>
<li>Define the medium and large breakpoint (in em).<br />
Save!</li>
</ol>
<p><strong>Quick overview of GM Adaptive CSS Grid Columns by <a href="https://websquadron.co.uk/" rel="nofollow ugc">Imran Siddiq</a></strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lDibIKlmyv4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Translations</h3>
<p>GM Adaptive CSS Grid Column can be used in these different languages thanks to the following translators:</p>
<ul>
<li>Afrikaans <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
<li>German <a href="https://profiles.wordpress.org/picsta/" rel="nofollow ugc">Michael Kellersmann</a></li>
<li>Greek <a href="https://www.georgenicolaou.me/" rel="nofollow ugc">George Nicolaou</a></li>
</ul>


GM Adaptive CSS Grid Columns


This is an awesome plugin especially with a page builder like bricks / breakdance, etc. to easily and quickly bring in the use of CSS grid. This is how it should be implemented and find using GM grid a real time saver. 😎 


Very easy to use and implement Grid CSS

Allows you to create Adaptive CSS Grid Columns

WPDevDesign – Oxygen – Navigator vs GM Adaptive CSS Grid Columns