Skip to main content
YOOtheme Pro Spacer Element

Spacer Element

This Element Requires:
Changelog: v1.0.0 - Feb 25, 2023

Spacer Element Changelog

v1.1.0

November 5, 2024
  • Added
    Now Works with WordPress (Child Theme)
  • Added
    Changed dropdowns to a slider for custom spacing options (THIS COULD BE A BREAKING CHANGE - UPDATE WITH CAUTION)
  • Updated
    Code Cleanup
  • Removed
    Deprecated json code in element code

v1.0.0

February 25, 2023
  • Added
    Spacer Element - First Release for YOOtheme Pro

Step 1

Install Element

Download the zip file in your account & install the element via Joomla's extension upload.
Step 2

Activate

Activation should happen automatically, otherwise enable in Joomla's plugin area.
Step 3

Use Spacer

Head to YOOtheme Pro in your website to add the Spacer element and start building!

Plugin Advantages

This element is a simple, easy to use margin space.(In fact, that's what's creating the margin between the "Plugins Advantage title" and the shape divder above.)

Intuitive UI

Quickly add margins to the top, right, bottom and left of this invisible spacer for spacing control without any code.

Settings

Use the "Settings" & "Advanced" tabs in the element to control the fine details and overrides of your spacer element.

Frequently Asked Questions

Is This Element Free?
YES! I had this element created to make my life a little easier and if you found it helped you, you can Buy me a drink!
What prerequisites are required?
  • Joomla! 3, 4, 5 or WordPress
  • YOOtheme Pro 3 or 4
  • PHP v7.4+
Where do Install this plugin?

Open the Joomla dashboard and go to:

Jooomla 3: Extensions > Manage > Install > Upload Package File > Then Upload & Install The Joomla Extension (Plugin).

Jooomla 4: System > Install > Extensions > Upload Package File > Then Upload & Install The Joomla Extension (Plugin).

How do activate the plugin?
The element should automatically activate when installed, but if not open the Joomla dashboard and go to: Plugins to search and enable the plugin "System - [MD] Spacer Element for YOOtheme Pro" in Joomla.
How do I Install on WordPress?
  • Download and unzip the element package
  • Create a Child Theme in your YOOtheme Pro installation and activate the child theme
  • Copy the element folder into the directory /wp-content/themes/yootheme-child/builder/ of your installation where child is name of your child theme
  • Access the YOOtheme Pro Page Builder, the new element should now be available

Was This Helpful?

Cron Job Starts