Define your page selector

The Page Selector option may be the trickiest option to define. Moreover it is a crucial field, because it handles to animate the page during transitions. So if your Page Transition doesn’t work on the page element, the problem should be cause of a wrong Page Selector.

Fortunately our plugin use an algorithm to find the right Page Selector for your transition. The only thing you have to do is to click on the “calculate” button, next to the field.

Determine the page selector option

If our algorithm failed to determine your selector, the easiest way to find it is to use the inspector of your browser.

Tips: A Page Selector is a query selector, the same used in the CSS code.
So use “#” before an id and “.” before a class.
Use the inspector of your browser to find the page selector
Note: If your selector doesn’t exist on your site, the field will show an error.
Page Selectors of a lot of themes are already saved in our plugin, such as Divi, Astra, Twenty Twenty-One, Avada, etc …
If your theme has at least 1000 installations, contact us ( and we will added to the list !