No results found. Try again with different words?
Search must be at least 3 characters.
- How to update plugin manually through FTP
- How to update UABB?
- How to register your license?
- About Beta Versions
- Will I lose all my design work when I download and re-install the plugin?
- Getting Started with the Ultimate Addons for Beaver Builder
- How can I install the Ultimate Addons for Beaver Builder?
- Automatic Beta Updates
- How to check expiration date of license?
- How to enable / disable Beaver Builder's UI?
- UABB Global Settings
- How to White Label UABB?
- How to enable / disable Live Preview feature?
- How to Hide Templates from your Clients?
- How can I use other modules in Modal Popup / Advanced Accordion / Advanced Tab?
- How to enable / disable modules in UABB to reduce server requests?
- Section and Page Templates don’t look the same when I am using them. Why?
- How can I Begin Building a Page using UABB?
- Troubleshooting Tips for Ultimate Addon’s Font Icons
- White Screen / Blank Screen / 500 Error After Installation
- Fatal error: Call to undefined function array_replace_recursive()
- How to Increase the Memory Limit of your site?
- Fatal error: Class 'FLBuilderAdminSettings' not found
- Failed to download template from Template Cloud
- Haven't received update notification yet?
- cURL error 51: SSL: No alternative certificate subject name matches target host name
- DIY Troubleshooting
How to use the Image Separator effectively?
The Image separator module place an image between two rows swiftly. Here are a few Details you would want to know about this module –
How to use an Image Separator?
1. Add a New Page or open an existing one in the Page Builder.
2. Under the Modules tab click on the drop down to open options and select UABB Modules
3. Scroll down to Image Separator and drag and drop it on the page.
You will find a settings window opened.
Customizing the Image Separator:
Under the General settings you can:
- Add an image you wish to use.
- Set the Size of the image.
- Select the style, i.e. Simple, Circle, Square or you can design it yourself.
- Set the image position, i.e. Bottom or Top
- Set the Gutter (push the image outside or pull it in)
- Add a link if you wish to make it a clickable image.
Under the Animation tab, you can manage all the animation related settings for the image.
- You can select among 40+ animation styles available.
- You can set the delay time
- You can set the number of times you wish to repeat the animation.
- Set the Viewport position that will trigger the Animation.
The Advanced settings can be used in case you wish to add margins, Responsive layout, visibility, animation and the CSS Selectors.
- Add margins to the top, bottom, left and right of the image.
- Enable the image to be displayed on all devices, or enable it for a particular device.
- Decide whether you wish to display the image always, or to logged in users or logged out users or never.
- Select an Animation and set the delay time.
- Set CSS Selectors, i.e. an ID or a class for the image.
Save your Settings after you are done customizing the image separator.
We don't respond to the article feedback, we use it to improve our support content.