Author 诗语

Mountain Template With Elementor Theme Style

Loved the Mountain template from our library of Starter Templates?

This is a template built with the Elementor page builder. You might have imported this template and looking for how to proceed with editing it.

This template is designed with Elementor Theme Style. Let』s see what does that mean and how you can edit these settings.

What is Elementor Theme Style?

Elementor Theme Style provides global settings that allow you to control the entire site design from one place. These settings come with the Elementor page builder』s free version.

You can set default styling for Headings, Buttons, Form fields, Links, Text, Backgrounds, and more.

You can find these settings from page editor –

How Elementor Theme Style is Used with Mountain Template?

We have used the Elementor theme style kit and designed a starter template for Mountain.

For all Elementor pages in Mountain template – global styling is applied from Theme Style settings.

Once you complete the import process here is how you can edit Mountain site –

Edit Mountain Template

Editing Header and FooterEditing Elementor PagesIMPORTANT: Priority of Style Options

First, let』s understand how you can edit the header and footer of the site and then we will see how to edit pages.

Editing Header and Footer

Header of the Mountain template is designed with Astra customizer.

You can edit the header layout along with the logo , menu, button from the customizer. You can find settings under Dashboard > Appearance > Customize > Header.

Footer is designed with plugin – Elementor – Header, Footer & Blocks Template

In dashboard you can find settings under Appearance > Header Footer & Blocks

Editing Elementor Pages

When you edit Elementor pages, you can find Theme Style under Global Style.

Style set from Theme Style options will be applied to all Elementor pages on website. Below are available options –

BackgroundTypographyButtonsForm FieldsImages

Here is an example – When you change button color from theme style, it will be globally applied on site.

IMPORTANT: Priority of Style Options

In the Elementor page, a widget can have different properties set. Here is the priority –

1. Individual Widget: If the style is applied from a particular widget, its priority will be greater among all. For example, if a button has a blue background set from widget options then the blue color will appear.

2. Elementor Theme Style: If style is not set from individual widget, a global styling from Theme Style settings will be applied.

3. Astra Customizer Style: If styling is not set from Elementor Theme Style, Astra theme will apply styling set in the customizer. For buttons – settings will be available under Global > Buttons.

You can edit all Elementor pages, update content, images, layouts as per your requirement.

For styling – you can look out for the priority of the settings as mentioned above and then edit the style. Most of the settings will be available with Elementor Theme Style.

How to Modify Read Time Text on Blog and Single Post Page?

In the Astra Pro v2.5.1, we have added two new filters to update the Read Time text – specific to Minute & Minutes of reading text for Blog & Single post page.

You can use the below filters to modify the Read Time strings –

For updating the Singular Read Time –

add_filter( 'astra_post_minute_of_reading_text', 'ast_post_minute_of_reading_text_function' );
function ast_post_minute_of_reading_text_function() {
return __( 'Singular reading time...', 'astra-addon' );
}

For updating the Plural Read Time –

add_filter( 'astra_post_minutes_of_reading_text', 'ast_post_minutes_of_reading_text_function' );
function ast_post_minutes_of_reading_text_function() {
return __( 'Plural reading time...', 'astra-addon' );
}

You can refer this doc on How to Add Custom PHP Code?

Unable to Upload the Astra Pro ZIP File because it is Unzipped During the Download?

You are probably downloading the zip file on a Safari browser, which by default unzips your zip file while downloading.

This causes a problem, where you won』t be able to upload the Astra Pro zip file from the Plugins page.

As WordPress requires the plugin to be a zip to be uploaded.

This can be easily fixed, by disabling the setting Preferences in your Safari Browser and other browsers too.

Following are the steps to download the plugin』s zip file on a –

Safari browser:

Go to the Safari browser』s Menu, navigate to Safari > Preferences. Under which at the bottom of the General tab, disable the checkbox option of Open 「safe」 files for downloading.Now, visit the Store account and you will be able to download the Astra Pro or even other plugin』s zip files successfully without being unzipped.

Firefox browser:

Go to the Firefox Menu (Hamburger Icon-Top Right Corner) under Options > Applications or Search Applications.Now under, Applications, you must see a Search Bar, you should search for ZIP.Besides the ZIP option, you will have to change the Action to Always Ask or Save File.

Chrome browser:

By default, Chrome does not automatically unzip the files. So you should not face any issues on Chrome browser.

If you are still facing issues on the Chrome browser, you might want to temporarily disable all the extensions, which might have this feature.

Note: If you try opening or clicking on the downloaded zip in the browser』s Downloads section, you might find it unzipped. Instead, simply visit the downloads folder and use the zip directly to upload it.

For other browsers:

You will need to contact the respective Support team of the browser for help or on how to find a solution to this issue.

Final Step:

Once, the plugin』s Zip is downloaded successfully, you can upload it. This document lists the steps.

Starter Templates: WP-CLI Commands

With WP-CLI commands you can manage a WordPress site from the command prompt. Below are the commands for Starter Templates.

1. List all page builders

wp starter-templates page_builder list

2. Choose a page builder to see all available starter templates

wp starter-templates page_builder

For example –

wp starter-templates page_builder set elementor
wp starter-templates page_builder set beaver-builder

3. Import template with id.

Once you run the above command, you will get a list of templates with respective IDs. Pick a required ID and use it the following command to import a template.

wp starter-templates import template-id

4. Clear/reset previously imported starter template while importing a new one

wp starter-templates reset [--yes]

Can I Import Starter Templates Site on Existing Website?

Starter Templates plugin allows importing the entire site and as well as single-page templates. Sometimes you might have a website with some content on it like – pages, posts, customizer settings, etc. If you are wondering what will happen if you import a starter template on your website, this article will help you.

Importing Single Page Template will not affect anything on your website. This will create a new page as a draft in the page list. So even if you import a number of pages, it will not affect your existing website.

Importing Complete Site Template on the existing site that already has content, might affect the look of the site. Newly imported content will get mixed with existing one and it will display unexpected results.

While importing a complete site, a popup displays few options. In case you want to skip any of the parts of the site you can choose options accordingly.

In case you wish to clean/reset your existing WordPress installation and then freshly import the starter template, refer – How To Reset WordPress Installation?

We recommend taking a backup of your existing website before making any major changes. It』s easy and takes only a few minutes.

Set Parallax Effect on Responsive Devices with Page Header

We have an improvement for the Page Header addon you will now be able to set the Parallax Effect on responsive devices too.

You will find the new option under the same section of Page Header. Now you will instead find the options to enable the Parallax on specific devices where you want to display the Parallax effect.

The main reason we have implemented this option?

Some images do not appear properly with the Parallax effect on responsive devices like mobile phones. In such cases, users can disable the parallax effect on Mobile and vice versa.

The New select option contains the following choices –

None = Disable Parallax across all devices.Desktop + Mobile = Enable parallax on both the devices.Desktop = Enable parallax on just Desktop ( Disable on mobile )Mobile = Enable parallax on just Mobile ( Disable on Desktop )

How to Enable the Parallax Effect on Responsive Devices?

Create a new Page Header.Now, In their settings, You will notice that the old option ( checkbox ) to enable Parallax has been replaced with the new option ( Dropdown ).

Note: We have also taken care of the Existing and New Users with this Improvement.

For existing users:

We will migrate the already set values, so if the user had the option enabled, it will work as it is and the parallax effect will be enabled after updating to 2.2.5 or above.

Users will now be able to select the Options from the responsive devices as per their requirement.

For new users:

By default, the Parallax will be set to None and it can be changed as required for the responsive devices.

Update Required Plugins – Starter Templates

While importing Starter Templates, does the popup says – 「Update Required Plugins「. If yes, here』s why and how you can clear it.

Why?

Starter Templates are built with some awesome plugins. In case, you already have these plugins installed but not updated to their latest versions you might see this notice.

For example – You are importing a template that is built using the Elementor page builder. If you already have Elementor installed but not updated to a recent version, you will see a popup with this notice.

How to Clear?

Just visit a WordPress 『Updates』 page and update all required plugins to their latest versions.

What If I Skip This Step?

In case you skip this step, the imported template might have some errors/issues depending on the update of the respective plugin.

For example – If the recent version of Elementor introduces a new widget and a template uses it, you might see error that the widget and its content is missing from the imported template.

XMLReader Missing – Starter Templates

While importing Starter Templates, does the popup says – 「XMLReader Missing 「. If yes, here』s why and how you can clear it.

Why?

While importing a template, the XML file is readed first and then the process continues. This needs an XML extension enabled on the server.

In case your server doesn』t have this enabled you can see the notice.

How to Clear?

Just get in touch with your service administrator and request them to enable XMLReader on your website. Once this is done you can try importing template again.

Here is an email template you can send to server administrator –

Hello,I』m facing an issue while importing template using a 『Starter Templates』 plugin on my WordPress installation. The error says – XMLReader is not enabled and asks me to reach out to the server administration/hosting provider to fix this issue.Can you please take a look. Looking forward to hearing from you.Thank You!Regards,Your name

Required File Permissions Missing – Starter Templates

While importing Starter Templates, does the popup says – 「Required File Permissions Missing「. If yes, here』s why and how you can clear it.

Why?

Importing a template requires some file permissions on your website. So that imported data can be arranged and displayed properly.

In case the plugin does not find valid file permission you will see a popup with this notice.

How to Clear?

You can clear this by simply adding the constant in your wp-config.php file.

define( 'FS_METHOD', 'direct' );

Save the file and refresh the Starter Templates interface on the frontend. Try importing the template again.

cURL Support Missing – Starter Templates

While importing Starter Templates, does the popup says – 「cURL Support Missing「. If yes, here』s why and how you can clear it.

Why?

This error is related to your server and not caused by WordPress.

When you start importing a template the request has to process through your server. In case your server is unable to process it, you will see this notice.

How to Clear?

Just get in touch with your service administrator and request them to enable cURL support on your website. Once this is done you can try importing template again.

Here is an email template you can send to server administrator –

Hello,I』m facing an issue while importing template using a 『Starter Templates』 plugin on my WordPress installation.The error says – cURL Support Missing and asks me to reach out to the server administration/hosting provider to fix this issue. Can you please take a look. Looking forward to hearing from you.Thank You! Regards, Your name