Page

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

Using template

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.

Save Template


Rename the new template for later use.

Save Template


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.

Add Template Add Template


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 )

Save Template

Slider Revolution

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.

Slider Revolution

Custom Class

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.

Custom Class


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. 🤗

Slick