I was wondering, if there is a way for me to control which pages should trigger a Page Transition? I would like to have my home/landing page trigger a transition, but then disable this functionality for subpage navigation on my site.
In general, I think this type of functionality would be a great addition to this wonderful theme.
For the time being, I don't mind modifying a file or two if I have to, though :-)
Alright, so I figured out how to do this without having to modify any theme files.
Solution here, in case anyone else wants to do this:
Enable the 'Page Transition' that you want in the theme-option panel (in my case here, it was the horizontal swipe effect), and add the following css to your global CSS sheet (the data attributes change, depending on which effect you have chosen):
Then, on the pages where you want the transition to fire, add the following code in your page specific CSS, in the WPB options (again, check your dataattributes):
Bonus: If you want to add something like a logo, specifically to the simple horizontal swipe (I did), you can do so by adding a background image to the slide layer. Add this to your CSS:
Hello,
I was wondering, if there is a way for me to control which pages should trigger a Page Transition? I would like to have my home/landing page trigger a transition, but then disable this functionality for subpage navigation on my site.
In general, I think this type of functionality would be a great addition to this wonderful theme.
For the time being, I don't mind modifying a file or two if I have to, though :-)
Hey W ,
I am afraid there is no such option available in the Theme Options and would likely have to be custom coded.
Best
ThemeNectar Support Team
Alright, so I figured out how to do this without having to modify any theme files.
Solution here, in case anyone else wants to do this:
Enable the 'Page Transition' that you want in the theme-option panel (in my case here, it was the horizontal swipe effect), and add the following css to your global CSS sheet (the data attributes change, depending on which effect you have chosen):
Then, on the pages where you want the transition to fire, add the following code in your page specific CSS, in the WPB options (again, check your data attributes):
That should do it!
Bonus:
If you want to add something like a logo, specifically to the simple horizontal swipe (I did), you can do so by adding a background image to the slide layer. Add this to your CSS: