Coddium

Settings Manager for Elementor provides granular control over Elementor settings export and import with more flexibility than native tools.
Why is granular important? It allows you to export or import only what you need, e.g., you may create several variants of breakpoints settings, which you can later reuse on the same site or some other site without overwriting other settings.
<h4>Features</h4>
<ul>
<li>Site Settings – Export/import site settings (Site Settings from Elementor editor)</li>
<li>Backend Settings – Export/import backend settings (Elementor > Editor > Settings from WP admin dashboard)</li>
<li>Hello Theme Settings – Export frontend and backend Hello Elementor theme settings</li>
<li>Selective Export/Import – Export/import only the categories you need</li>
<li>20+ Categories – Granular control over export/import for minimum errors and maximum flexibility</li>
<li>Merge or Replace – Choose how Global Colors and Global Fonts are imported (keep or remove existing custom items)</li>
<li>Media Separation – Export site name without logo, background style without image</li>
<li>Clean JSON format – Version control friendly</li>
<li>Multisite Network Import – Import to multiple sites at once (PRO)</li>
<li>WP-CLI Automation – Command-line export/import for DevOps workflows (PRO)</li>
<li>Automatic Backup – Creates a backup before every import for easy recovery</li>
</ul>
<h4>Available Categories</h4>
Design System 
* Global Colors – Predefined and custom global colors 
* Global Fonts – Predefined and custom global fonts
Theme Style 
* Typography – Body, headings, links, paragraph spacing 
* Buttons – Default button styling and hover states 
* Images – Border, shadow, filters for images 
* Form Fields – Label, field, and focus state styling 
* Hello Theme Header/Footer Settings (when Hello Elementor is active)
Settings 
* Site Identity (Text) – Site name and description 
* Site Identity (Media) – Logo and favicon (separate from text) 
* Background (Style) – Color, gradient, and settings 
* Background (Image) – Background image (separate from style) 
* Layout – Container width, padding, widget spacing 
* Breakpoints – Responsive breakpoint values 
* Lightbox – Colors and behavior 
* Page Transitions – Page transition animations (requires Elementor Pro) (PRO) 
* Preloader Settings – Animation and style (requires Elementor Pro) (PRO) 
* Preloader Media – Icon and image (requires Elementor Pro) (PRO) 
* Custom CSS – Global custom CSS code (requires Elementor Pro) (PRO)
Backend Settings 
* General – Post types, colors, fonts, tracking 
* Integrations – API keys (Google Maps, reCAPTCHA, etc.) 
* Advanced – Editor settings, file uploads, Google Fonts 
* Performance – CSS print method, lazy loading 
* Features – Elementor experiments and stable features 
* Hello Theme Settings (when Hello Elementor is active)
<h4>Extra PRO Features</h4>
Multisite Network Import: 
* Import settings to multiple network sites simultaneously 
* Real-time progress tracking with site-by-site status 
* Cancel import anytime 
* Sites without Elementor are automatically skipped
WP-CLI Commands:
<pre><code>wp semfe export <file> [--categories=<categories>]
</code></pre>
Export settings to JSON file.
<pre><code>wp semfe import <file|url> [--categories=<categories>] [--strategy=merge|replace] [--sites=<sites>]
</code></pre>
Import settings from file or URL. Use –sites for multisite network import.
<pre><code>wp semfe list-categories [--format=table|json]
</code></pre>
List available categories.
<h4>Use Cases</h4>
<ul>
<li>Development to Production – Export from staging, import to live site with selected categories</li>
<li>Client Projects – Create reusable brand guideline templates</li>
<li>Multisite Networks – Sync design system across network sites (PRO)</li>
<li>Backup & Recovery – Create versioned backups of your settings</li>
<li>Team Collaboration – Share settings files between team members</li>
</ul>
<blockquote>
⚠️ Important: 
 This plugin manages Elementor settings only. 
 It does not export content, templates, themes, plugins, or custom files.
</blockquote>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0+</li>
<li>Elementor 3.23.0+</li>
<li>PHP 7.4+</li>
</ul>

Settings Manager for Elementor

Granular export and import for Elementor settings. Select exactly which settings categories to export and import.

Jim Roberts

Fluid Space Forge is a professional WordPress plugin that generates responsive spacing systems using modern CSS <code>clamp()</code> functions. Create consistent, scalable margins, padding, and gaps that adapt beautifully from mobile to desktop.
<h4>Why Fluid Space Forge?</h4>
<ul>
<li>Responsive Spacing – Generate CSS <code>clamp()</code> functions for fluid spacing across all device sizes</li>
<li>Three Output Formats – Choose between CSS Classes, CSS Custom Properties, or Tailwind-style Utilities</li>
<li>Live Preview – See your spacing at different screen sizes in real-time</li>
<li>Drag & Drop – Reorder your spacing scale with intuitive drag-and-drop interface</li>
<li>Mathematical Scaling – Use proven typographic ratios (Minor Second, Major Third, Perfect Fourth, etc.)</li>
<li>Dual Units – Full support for both <code>px</code> and <code>rem</code> units</li>
<li>Autosave – Automatic saving with manual save option for complete control</li>
<li>Export Ready – Copy generated CSS code with one click</li>
</ul>
<h4>Perfect Companion</h4>
Fluid Space Forge is the perfect companion to Fluid Font Forge! While typography scales smoothly across devices, your spacing should too. Together, they create cohesive, responsive design systems that work beautifully on any screen size.
<h4>Output Formats</h4>
CSS Classes 
Generate margin, padding, and gap classes: 
 .space-m-lg { margin: clamp(0.75rem, calc(0.7rem + 0.2vw), 1rem); } 
 .space-p-md { padding: clamp(0.6rem, calc(0.55rem + 0.18vw), 0.75rem); } 
 .space-g-sm { gap: clamp(0.4rem, calc(0.35rem + 0.15vw), 0.5rem); }
CSS Custom Properties 
Create reusable CSS variables: 
 :root { 
 –space-lg: clamp(0.75rem, calc(0.7rem + 0.2vw), 1rem); 
 –space-md: clamp(0.6rem, calc(0.55rem + 0.18vw), 0.75rem); 
 }
Tailwind-style Utilities 
Generate complete utility class sets: 
 .mt-lg { margin-top: clamp(…); } 
 .px-md { padding-left: clamp(…); padding-right: clamp(…); } 
 .gap-y-sm { row-gap: clamp(…); }
<h4>Key Features</h4>
<ul>
<li>Customizable Spacing Scale – Add, edit, remove, and reorder spacing sizes</li>
<li>Base Value System – Calculate relative spacing from any size in your scale</li>
<li>Musical Ratios – Use proven scaling ratios: 1.067, 1.125, 1.200, 1.250, 1.333</li>
<li>Visual Feedback – Live preview showing spacing at min and max viewport widths</li>
<li>Modal Editing – Clean interface for editing size names and properties</li>
<li>Professional UI – Beautiful, intuitive admin interface with drag-and-drop support</li>
<li>WordPress Integration – Located in Tools menu for easy access</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Building responsive WordPress themes</li>
<li>Creating design system components</li>
<li>Establishing spacing tokens for custom blocks</li>
<li>Maintaining consistent spacing across projects</li>
<li>Developing fluid, accessible layouts</li>
</ul>
<h4>Browser Support</h4>
CSS <code>clamp()</code> is supported in all modern browsers: 
* Chrome 79+ 
* Firefox 75+ 
* Safari 13.1+ 
* Edge 79+
<h3>Additional Information</h3>
<h4>Credits</h4>
<ul>
<li>Developer: Jim R. – <a href="https://jimrforge.com" rel="nofollow ugc">JimRForge.com</a></li>
<li>Development Assistant: Claude AI by Anthropic</li>
</ul>
<h4>Support</h4>
<ul>
<li>Documentation:
<ul>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge/blob/master/USER-MANUAL.md" rel="nofollow ugc">User’s Guide</a> – Complete reference documentation</li>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge/blob/master/QUICK-START.md" rel="nofollow ugc">Quick Start</a> – Get started in 5 minutes</li>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge" rel="nofollow ugc">GitHub Repository</a></li>
</ul>
</li>
<li>Issues: Report bugs via <a href="https://github.com/Mij-Strebor/fluid-space-forge/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>Website: <a href="https://jimrforge.com" rel="nofollow ugc">JimRForge.com</a></li>
</ul>
<h4>Privacy</h4>
This plugin does not collect, store, or transmit any user data. All calculations and settings are stored locally in your WordPress database.
<h4>Contributing</h4>
Contributions are welcome! Visit the <a href="https://github.com/Mij-Strebor/fluid-space-forge" rel="nofollow ugc">GitHub repository</a> to contribute to the project.

Fluid Space Forge

Generate responsive spacing systems using CSS clamp() functions. Perfect companion to Fluid Font Forge for creating fluid design systems.

Settings Manager for Elementor vs Fluid Space Forge