milordk

<p>The plugin adds the ability to select the individual schemes of styles for your users buddypress. You can use a widget or menu buddypress Admin Bar</p>
<p>Demo: http://volks-wagen-club.ru</p>
<p>Please Vote 🙂</p>
<h3>Creating Skins</h3>
<p>To create a skin for a theme:</p>
<ol>
<li>Select the theme you would like to skin.</li>
<li>Select ‘Skins’ on the presentation menu.</li>
<li>Click on the ‘Create Skin’ button (down the bottom).</li>
<li>Enter a name for your skin and click on the ‘Create Skin’ button.</li>
<li>Your skin has been created.  Click on the edit link.</li>
<li>Edit your skin.</li>
<li>When you are done, go back to the ‘Skins’ page and activate your skin.</li>
<li>If the theme has a skin archive, go to it and let them know that you have created a new skin for the theme.</li>
</ol>
<h4>Release Notes</h4>
<h4>1.2.5</h4>
<ul>
<li>Add BP 1.2.5 compatibility</li>
</ul>
<h4>1.0.3</h4>
<ul>
<li>Update Readme</li>
</ul>
<h4>1.0.2</h4>
<ul>
<li>Add Lang support</li>
<li>Fix any bug</li>
</ul>
<h4>1.0</h4>
<pre><code>* Initial release


<?php code(); // goes in backticks ?>
</code></pre>


Jet Skinner for BuddyPress

The Skinner plugin adds skin selection and editing to WordPress for Skinner compatible themes.

w3dev

Isaac

<p>Have you ever wanted to alter the way Elementor renders one of its widgets on your website?</p>
<p>Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets.</p>
<h3>Usage</h3>
<p>Tell Elementor that you have a new skin available by utilizing the following code in your <code>functions.php</code> file:</p>
<ol>
<li>
<p>Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_skin()</code> function:</p>
<pre><code>if(is_plugin_active('fundamento/fundamento.php')) {
    function fundamento_init() {
        // create a new Fundamento instance
        $f = \Fundamento\Plugin::instance(); 

        // register a new skin
        $f->register_skin([
            'name'       => 'Red',                                                      // The name of your new skin, as it will appear in Elementor
            'element'    => 'button',                                                      // The elementor element you are skinning
            'is_default' => true,                                                          // optional - should this skin be set by default on all elements of this type
            'css'        => get_stylesheet_directory_uri() . '/skins/button/red.css',   // optional - have Fundamento enqueue an extra css file
            'js'         => get_stylesheet_directory_uri() . '/skins/button/red.js',    // optional - have Fundamento enqueue an extra js file
        ]);
    }
    add_action('elementor/init', 'fundamento_init');
}
</code></pre>
</li>
<li>
<p>Add the selector to your css file:</p>
<pre><code>/* Class will always be .skin-{element}-{name} */
/* Name is transformed to lowercase and spaces are replaced with "-" */
.skin-button-red {
    background: #f00;
}
</code></pre>
</li>
</ol>
<p>Tell Elementor that you have a new padding preset by utilizing the following code in your <code>functions.php</code> file:</p>
<ol>
<li>
<p>Add an action to initialize Fundamento, then add a call to Fundamento’s <code>register_padding()</code> function:</p>
<pre><code>if(is_plugin_active('fundamento/fundamento.php')) {
    function fundamento_init() {
        // create a new Fundamento instance
        $f = \Fundamento\Plugin::instance(); 

        // register a new skin
        $f->register_padding([
            'name'       => 'Standard',                                                    // The name of your padding preset, as it will appear in Elementor
            'element'    => 'section',                                                     // The elementor element you are skinning
            'padding'    => '30px',                                                        // The value and unit of the amount of padding this preset should apply
            'is_default' => true,                                                          // optional - should this skin be set by default on all elements of this type
        ]);
    }
    add_action('elementor/init', 'fundamento_init');
}
</code></pre>
</li>
</ol>


Fundamento

We made it, and we think it's awesome. Give it a try!

What can I say


Have used it every single day since it was released. Easily one of the best development tools when working with Elementor + custom css.


Use it every day on every site.

Fundamento creates the ability to easily add custom skins and padding-presets into your Elementor-based Wordpress website.

Jet Skinner for BuddyPress vs Fundamento