Spacer Block

Similar to the Spacer core block but a bit more flexible. See Instructions for the complete list of settings.

100px Spacer

300px Spacer

You can even add background image with parallax effect to it.

500px Spacer

Settings

This section will help you set up the spacer’s height via the slider or the input.

Notice that the control has three icons next to the label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the control’s values for each device.


Block Appearance

Under the block appearance tab you can control how the block looks. Let’s check out the options.

  1. Background Color: Controls the color of the spacer’s background.
  2. Background Image: Applies a background image to the divider’s container and allows you to configure its appearance.
  3. Enable Parallax: Toggles the parallax effect. Needs a background image set.
  4. Parallax Speed: Controls the speed of the parallax effect.
  5. Border: This option allows you to select the border style via the drop down and then select the border color and width.
  6. Border Radius: This option allows you to round the divider container’s corners.
  7. Box Shadow: This option allows you to apply an inset/outset box shadow, its color, spread, blur radius and offset.
  8. Margin: With this option you can individually (or collectively) control the margin on each side of the block.

Notice that the Background Image and Margin options have three icons next to their label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the control’s values for each device.


Visibility Settings

Via the Visibility Settings you can hide the block for certain type of device or user.

The Viewport visibility toggles allow you to hide the block on desktops, tablets and mobiles. You can choose to hide it on more than one device type.

The Authentication visibility toggles allow you to display the block only to logged in or logged out users.


Image Settings

Via the image settings metabox you can select where slideshow images will link to and the source image size among the available sizes in your WordPress installation.