In this part, I’ll guide you through creating a simple page using Elementor page builder and Slider Revolution plugin.
Elementor is one of the most widely used page-building plugins popular among WordPress users. There are two versions for this: Elementor and Elementor Pro. In Andree, we integrated Elementor Pro so that users can use it for free. The update of this plugin is conducted alongside updating Andree theme. For more information, kindly refer to this link
Users can also save Elementor widgets from Andree demo as templates and reuse these templates in their new page. To do this, select Edit a specific demo page, choose a widget by clicking on Customize icon then Save as Template.

Rename the new template for later use.

Now, users are able to place the new templates in any position in a page, post, portfolio, popup, etc. You can do that by clicking on the document icon, choose My templates then hit the Insert button.

To manage these templates, please go to Templates >> Saved Templates, we used these templates and shortcodes to make a full page acroll ( Home Wedding Design )

Slider Revolution: To use the slider creator, find Slider Revolution from the admin dashboard. Users can add a new slider, duplicate or edit an existing slider in the demo. For more instructions, read here. It’s possible to create a new slider by using the widget 'Slider Revolution' in Elementor or using their shortcode ID.

Custom Class: Andree relies on custom class for performance and quick styling. Make sure you preserve the custom class when you reuse an element or copy an element to paste in another place. Custom classes can be found in Advanced >> CSS Classes of each element or row.

Users are able to customize the configurations of sliders by view the code in main.js. We recommend that you fix this file in the child theme. To make necessary adjustments, please find the custom classes of the selected slider in this file. Read more in here. If you should need further help, feel free to contact us, we’re glad to help you out. 🤗
