Spacer Element
This Element Requires:
Changelog: v1.0.0 - Feb 25, 2023
Spacer Element Changelog
v1.1.0
November 5, 2024
-
AddedNow Works with WordPress (Child Theme)
-
AddedChanged dropdowns to a slider for custom spacing options (THIS COULD BE A BREAKING CHANGE - UPDATE WITH CAUTION)
-
UpdatedCode Cleanup
-
RemovedDeprecated json code in element code
v1.0.0
February 25, 2023
-
AddedSpacer 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 wherechild
is name of your child theme - Access the YOOtheme Pro Page Builder, the new element should now be available