Adds a spacer button to the WYSIWYG visual editor which allows you to add precise custom spacing between lines in your posts and pages.
This plugin adds a spacer button to the WYSIWYG visual editor which allows you to add precise custom spacing between lines in your posts and pages. Note that you can also enter negative spacing to shift the following content upwards.
Via the Spacer Settings page, you can create an arsenal of additional spacers and sectional breaks to have at your disposal as you lay out your pages. The Spacers that you build can be added into your posts and pages with the spacer button in the WYSIWYG visual editor (see screenshots).
Spacer is also compatible with WordPress Multisite.
More information at the Spacer project homepage.
Visual Artist – gives you even more control over the look and feel of your text. Create fancy dividers without mastering css!
Every time you press Enter or Shift-Enter you will get line breaks that are a certain specific height. Some times you want control over the exact amount of space between lines.
Settings > Spacer > Default Spacer Height On Mobile > Set this to 0
Press the spacer button in WYSIWYG visual editor, then choose which spacer you want to add (see screenshot). This will add a shortcode [spacer height=”20px”]. If you choose a custom Spacer, it will add something like [spacer height=”40px” id=”19″]
After you add a spacer via the spacer button in WYSIWYG visual editor, you can change the height in the shortcode. For example, let’s say you start off with the shortcode [spacer height=”20px”]. Change 20px to whatever your desired line spacing is. For example, [spacer height=”30px”] will give you 30 pixels of extra line spacing. If you use negative values the following content will be shifted upwards.
Here’s an example of how you could apply this:
[spacer height="30px" mheight="0px" class="myspacer" style="background-color:red;"]
Settings > Spacer > Add Spacers (top tab) > New Spacer
Try adding something like
background:gray; to the Spacer’s Style setting.
margin-bottom: 25px; to the Spacer’s Style setting.
In version 3, you can create fancy dividers to help organize your texts. These are helpful for breaking up paragraphs, chapters, distinct thoughts, etc
Give your spacers descriptive names (like gray divider) to remember them later. Use the live preview tool to help as you build.
Create an arsenal of spacers and sectional breaks to have at your disposal as you lay out your pages.
When writing your posts and pages, you can choose which Spacer you want to add via the Spacer button.
Setting the spacer height
Spacer height: 35px
Spacer height: -35px