SUBSOLAR DESIGNS

Page Builder

Build pages with Elementor, use theme widgets, templates, and Page Headers.

When creating a new page, a button above the content editor Edit With Elementor will show the builder.

Visual Page Builder

Clicking the button will open the Elementor Editor. There you can drag an element from the sidebar that will be added to the page flow. Clicking the element after it is inserted will open its options.

Here you can find a video that shows the features of the Elementor Page Builder. The video shows some of the default Elementor Widgets that come with the plugin and ways on how to create and adjust your page.

<div className="media-embedded">

</div>

Page Options

When you click to edit a page from the Admin Dashboard, you can find additional Page Options like Hide Title and Transparent Navigation:

Page Options


Page Builder Widgets

The theme adds multiple Elementor Widgets that are created and styled specifically for the purpose of the theme.

Elementor SkyTower Widgets

For each widget you can adjust its options and content in the Content Tab in the Elementor Sidebar and it's styling in the Style Tab. Most of the widgets are self-explanatory. Here is a list with details of the more specific widgets:

Poster

The Poster is a very flexible widget that can be customized in various layots. It could be used as a Call To Action element or an element that shows a promotion or some advertisment. The widget consists of an Image, Content and a Button. In the Content Tab you can adjust the Skin or layout - this changes the position of the image in the element. An image as well as an overlay image can be added, which can also change on hover. Depending on the layout, in the Style Tab you can adjust the image width, height, box height. You can also add border to the content or box, adjust the content text color and background color, add padding, change the button colors and add hover effects to the image and content.

Elementor Poster


Elementor Templates

The theme comes with Elementor Templates that you can use per page basis. To Import them for later use in your theme, go to Templates > Saved Templates and click Import Templates in the upper part of that page. Choose the *.zip file found in the /elementor-templates folder that you can find in the theme package you downloaded.

Elementor Templates Import

You can them use them when you insert an Elementor Section in a page. You can find the imported templates in the My Templates tab of the popup window. You can watch more in the following video:

<div className="media-embedded">

</div>


Page Headers

When the theme installed, you will see that it also comes with the option to set a Page Header for multiple or specific pages. This is done via the Page Headers menu in the admin dashboard. Just create a new page, create the layout of yuor header and select the pages where you want it to appear. For example, here is how the settings for the Shop page can look:

Shop Page Header

In the downloaded package of the theme, you will find pre-build Elementor templates. There you can find a template for the header from our demo called Shop Page Header.

If you want to use it go to Page Headers> Add New, click on the Edit with Elementor button and load the template. You can find more information on Elementor Templates in their docs. You an find the theme pre-build templates in the My Templates tab.

On this page