BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Guide

Page Transitions Pro

How to set up and use Page Transitions in Bright Addons Pro.

Page Transitions in Bright Addons Pro shows a loader while a page opens and plays a short transition when visitors follow a link to another page of your site. Pick a loader, an effect, your logo and colors, and see it in a live preview before you save.

Part of: Bright Addons Pro.

Set it up

  1. Go to Bright Addons Pro > Page Transitions, or click Page Transitions on the Theme Builder dashboard.

  2. Tick Show page transitions on the site.

  3. Choose a Loader and a Transition.

  4. Add your Logo or image, a Text and the Colors.

  5. Set Transition time (ms) and Show the loader at least (ms).

  6. Click Play the transition to preview it, then save.

Content options

Settings

Option What it does
Turn on Shows page transitions on the site.
Loader Spinning ring, Bouncing dots, Wave bars, Logo with a pulse, Progress line at the top, or No loader.
Transition Fade, Slide up, Slide down, Slide to the left, Zoom, Two curtains or Circle reveal.
Logo or image An image shown above the loader.
Text A short text under the loader.
Colors Background, second background color for a gradient, loader color and text color.
Transition time (ms) How long the transition takes.
Show the loader at least (ms) So a fast page does not just flash.
Options Play the transition when a visitor clicks a link, and show the loader only on the first page of a visit.
Skip these links CSS selectors of links that open without a transition.
Bright Addons Pro

Unlock this and 90+ more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $10 a year, with a 14-day money-back guarantee.

Tips

  • The Elementor editor never shows the loader, so editing stays fast.

  • If a page takes very long, the loader hides after a few seconds anyway.

  • Visitors who ask their device for less motion get no animation.

Questions and answers

Does it slow my site down?

No. It adds one small style and script to the page, and the loader hides as soon as the page is ready.

Does it work with any theme?

Yes. It works with any theme and with every Theme Builder template.

Can I turn it off for some links?

Yes. Type their CSS selectors in Skip these links, or give a link the class no-transition.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides