|

How to Add Custom Particle Backgrounds Style?

With UABB– Particle Backgrounds you get some prebuild particle styling. Apart from these default styles you can customize and personalize background style with JSON code. You can do so with a few easy steps and don’t need to have any coding skills.

You can customize and add custom JSON code from the link here. Below are the steps –

  1. Visit the link here to design a custom particle styling.
  2. Choose options as per requirement. You can select particles styling like shape, color, size, number, etc. From interactivity options, you can choose interactive effects on mouse hover/click. You can even set a page background for particles.
  3. Once you are done with setting custom styling, click on the Download current config (json). This will export the required JSON code for your custom styling.
  4. Open the above-downloaded file and COPY the entire code.
  5. Go to your Beaver Builder page and open the Style tab for the Row or Column you want to set background for.
  6. Under UABB– Particle Backgrounds, choose Style as Custom. Paste the above-copied code under Add Particle Json window.

Save the changes and you are done!

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