Description
Adds a customizable spacing tool to your visual editor—create perfect gaps between content elements with a simple shortcode.
Short Description
Easily add precise vertical spacing in posts/pages using a visual editor button and shortcode. Clean design control—no CSS needed!
Full Description
Cute Editor Text Divider is a lightweight yet powerful WordPress plugin designed for content creators, bloggers, and developers who want full control over vertical spacing in their posts and pages—without writing a single line of CSS.
With just one click, you can insert a customizable space line directly into your content using the familiar WYSIWYG editor. Whether you’re looking to separate paragraphs, highlight sections, or fine-tune your page layout, this plugin gives you pixel-perfect control.
🔧 Key Features:
- Adds a space line button to the WordPress visual (TinyMCE) editor
- Supports custom spacing values (positive & negative)
- Accepts any CSS unit: px, em, rem, %, pt
- Works with any theme that supports the standard editor
- Compatible with posts, pages, and widget areas that allow shortcodes
- Lightweight and fast — no extra scripts or bloat
✨ Real Use Cases:
- Add white space between text blocks for readability:
[spaceline height="20px"] - Separate sections or images with a clean break:
[spaceline height="50px"] - Overlap content creatively with negative spacing:
[spaceline height="-15px"] - Responsive tweaking using
emor%units
By using this plugin, you can avoid theme limitations, maintain layout consistency, and create a more professional, visually appealing presentation without needing to dig into your theme’s stylesheet.
Perfect for:
– Bloggers and writers who care about typography and layout
– Designers who need control without editing theme files
– WordPress beginners who want an intuitive visual tool
– Developers who want clean, reusable spacing logic via shortcode
Let your content breathe and your layout shine—with Cute Editor Text Divider, spacing is no longer a problem.
Screenshots
Installation
- Upload the
tinymce-editor-line-spacefolder to/wp-content/plugins/. - Activate the plugin from the WordPress Admin Plugins screen.
- Use the visual editor’s space line button, or manually add
[spaceline height="20px"]to your content.
FAQ
-
Why use this plugin instead of just pressing Enter or Shift+Enter?
-
Line breaks created manually use default theme spacing, which can be inconsistent or too limiting. This plugin gives you precise, adjustable control over exactly how much space appears.
-
Can I set negative spacing?
-
Yes! Use negative values like
[spaceline height="-10px"]to pull content upward or create overlapping effects. -
Do I have to use pixels only?
-
No. The plugin supports all CSS units:
px,em,rem,%,pt, etc. -
What if I don’t specify a height?
-
No space will be added. The plugin requires a height value to take effect—e.g.,
[spaceline height="30px"]. -
Will it work if I switch themes?
-
Yes! The shortcode uses inline styling, so it remains intact across theme changes.
-
Is it mobile responsive?
-
The spacing will apply consistently, but visual results may vary depending on your theme. Using relative units (like
emor%) is recommended for better responsiveness. -
Can I use this multiple times on one page?
-
Absolutely. Use
[spaceline]as many times as needed—before headings, between paragraphs, or after images. -
What happens if my theme disables the visual editor?
-
If the TinyMCE editor is not available, you can still manually insert the
[spaceline]shortcode into the text/HTML editor.
Reviews
Contributors & Developers
“Cute Editor Text Divider” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Cute Editor Text Divider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.