Fran Nieto

<p><strong>Integration for Breakdance and WPML</strong> is an integration plugin that connects the <a href="https://breakdance.com/" rel="nofollow ugc">Breakdance</a> visual builder with <a href="https://wpml.org/" rel="nofollow ugc">WPML</a>, enabling multilingual websites built entirely with Breakdance.</p>
<p>The plugin adds compatibility between both plugins so that content created with the builder can be properly translated using WPML, while preserving Breakdance structure and design.</p>
<h4>Features</h4>
<ul>
<li>Allows translating pages created with Breakdance, including their content and structure.</li>
<li>Supports translation of Breakdance templates such as headers, footers, global blocks, and popups.</li>
<li>Adds a language condition that can be applied to any Breakdance element and template, allowing content to be shown or hidden based on the active language.</li>
</ul>


Integration for Breakdance and WPML

Integrates Breakdance with WPML to translate the content of any page or template created with the builder.

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

Integration for Breakdance and WPML vs GM Adaptive CSS Grid Columns