How to Use Particles Container Addon with Background Transition Widget?

In this article, we will discuss How to Use Particles Container Addon with Background Transition Widget in the same Elementor Container.

First of all, you have to know that using Premium Particles Container Addon will generate a CSS ID (automatically) to its Elementor Container, so it overrides any CSS ID you set (manually) for Elementor Container.

On the other hand, to use Background Transition Widget for Elementor you will have to Add Specific CSS ID to each Elementor Container (manually) so that Elementor containers get that seamless colorful transitioning effect. Click here to check Premium Background Transition Widget tutorial.

Particles Container Addon generated CSS ID would override any CSS ID you have set for Background Transition Section, this would result in a conflict in the container that is using Background Transition Widget, both Background Transition Widget, and Particles Addon will not work.

To resolve this issue please check the following steps carefully, so you can get Background Transition Widget and Particles Container Addon to work together.

Steps to Resolve Background Transition Widget and Particles Container Addon Conflict

• Enable Particles and add the JSON Code for the Particles in the Container. Click here to check steps on Premium Particles Addon Container Tutorial.
• On the webpage, [Right Click] and inspect the container where the Particles Addon and Background Transition Widget are used.
• Use your browser inspect to get the new CSS ID generated by Premium Particles Container Addon.
• Copy the new CSS ID of the container “premium-section-particles-XXXXX” which was generated by Premium Particles Addon for Elementor.

• In both Background Transition Widget [Content –> Elements –> CSS ID] and Section’s Advanced CSS ID, paste or type the generated CSS ID . In my example, the CSS ID is “premium-section-particles-77f8632”

Following these few steps should resolve the conflict between Elementor Particles Addon and Background Transition Widget for Elementor, and make them work together harmoniously.