GermanThemes

<p>Some Gutenberg Blocks or WordPress Themes add unwanted space around blocks. This small plugin allows you to remove the top and / or bottom spacing for any Gutenberg block. This is especially helpful to remove top or bottom spacing of Heading and Group blocks.</p>
<p>The settings are added to the Advanced tab in the Block Sidebar. See screenshot below.</p>


GT Remove Block Spacing

Remove top and bottom spacing for any Gutenberg block.

Jim Roberts

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


Fluid Space Forge

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

GT Remove Block Spacing vs Fluid Space Forge