Working with the UABB Color Picker

Deprecated from Version 1.3.0

Like the change in the Beaver Builder UI, UABB also comes with an enhanced color picker that looks similar to the one available in WordPress; but has an additional opacity bar too. In this document we’ll be seeing the following points:


Switching between UABB Color Picker and Beaver Builder Color Picker

1. Click on Page Builder, seen under Settings

Select Page Builder

2. Click on UABB General Settings

UABB General Settings

3. Enable or Disable the UABB Color Picker option

Enable or disable UABB colo-picker

Note: This feature is enabled by default

4. Save Settings


Inherit Preset Colors from Beaver Builder Color Picker to UABB Color picker

The color picker in Beaver Builder allows you to preset colors and save them for later use. For those who are worried of inheriting present colors while using UABB’s color picker, we have a solution for that too.

The preset colors you saved while using the Beaver Builder color picker are inherited and added to the color panel of the UABB color picker.

Suppose I have the following colors saved using my Beaver Builder color picker

Preset colors in Beaver Builder color picker

This is how my UABB color picker will look like

Saved colors inherited in UABB color picker

As seen in the images above, the present colors are inherited and added to the UABB color panel.


What happens when you switch the Color Picker?

If you have already worked on a number of elements and set colors using the present color picker, you need not worry while switching them. Whether it is switching from the Beaver Builder color picker to UABB color picker or vice versa, the selected color will be inherited automatically, until you change it manually.

Note:- For the Latest settings and features introduced in the UABB modules you can refer the following article. Releasing compatibility for Beaver Builder 2.2!

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Ultimate Addon For Beaver Builder Plugin - Modal Popup Form

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Scroll to Top