Default WPBakery Tour
Below is an example of the default Tour element styling in the WPBakery page builder. In our opinion this design is quite old-school and doesn’t look very good on most sites. That’s why we’ve added our own style you can choose from which is more minimal.
Welcome to section 1. This is the first section of your tour content and is visible when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 2. This is the second section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 3. This is the third section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 1. This is the first section of your tour content and is visible when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 2. This is the second section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 3. This is the third section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Total WPBakery Tabs Design
Total includes it’s own styling for the WPBakery Tour element for a slimmer and more modern look. Below is what your Tour will look like when selecting the “Theme” style (optional). Select the theme’s style on a per Tour basis or globally in the Customizer.
Welcome to section 1. This is the first section of your tour content and is visible when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 2. This is the second section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 3. This is the third section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 1. This is the first section of your tour content and is visible when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 2. This is the second section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Welcome to section 3. This is the third section of your tour content and is hidden when readers first view your page. You can insert text, images or any other page builder module inside this tab to create awesome things!
Exclusive Optimizations
Total includes some exclusive optimizations for the WPBakery Tour element. If you’ve used WPBakery before you may know that by default the Tour element has a horrible animation – Total includes a setting you can use to remove the animation. Total also has an advanced checker to pre-load the Tour CSS file to prevent FOUC issues as well as accessibility fixes.