Fundamento
Have you ever wanted to alter the way Elementor renders one of its widgets on your website? Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets. Usage Tell Elementor that you have a new skin available by utilizing the following code in your functions.php file: Add an action to initialize Fundamento, then add a call to Fundamento’s register_skin() function: 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'); } Add the selector to your css file: /* Class will always be .skin-{element}-{name} */ /* Name is transformed to lowercase and spaces are replaced with "-" */ .skin-button-red { background: #f00; } Tell Elementor that you have a new padding preset by utilizing the following code in your functions.php file: Add an action to initialize Fundamento, then add a call to Fundamento’s register_padding() function: 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'); }
Top keywords
- fundamento15×4.49%
- elementor8×2.40%
- skin8×2.40%
- add7×2.10%
- register6×1.80%
- file5×1.50%
- padding5×1.50%
- 'fundamento4×1.20%
- action4×1.20%
- function4×1.20%
- init'4×1.20%
- instance4×1.20%
LottieFiles – JSON Based Animation Lottie & Bodymovin for Elementor
JSON Based Animation Try Testing Environment Supercharge your website with Highly customizable Free Essential Classy Addons For Elementor Check below demo pages. Main Demo Page On Scroll Lottie Animation Documentation Features Easy to customize options. 5+ animation options. Scroll based animation JSON Based Animation Autoplay On Hover On Click Mouse Over-Out Effect Scroll Based Inline Body
Top keywords
- animation5×8.93%
- scroll3×5.36%
- demo2×3.57%
- json2×3.57%
- json based animation2×3.57%
- options2×3.57%
