No results found. Try again with different words?

Search must be at least 3 characters.

    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 article helpful?

    Did not find a solution? We are here to help you succeed.

    Related Docs

     

    Grab this rare opportunity to save up to 50%

    WOAH, HOLD ON THERE!

    Don't Miss Our Biggest Discount

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    You are backed by 100% risk-free money-back guarantee.

    Grab Our Biggest Discount Of All Time. Don’t Miss Out!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    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