Sorry, You Are Not Allowed To Access This Page

Sorry, You Are Not Allowed To Access This Page

While trying to activate Astra Pro Addon, you may get a message 「Sorry, you are not allowed to access this page」.

Why Is This Happening?

Seeing this message means that you』re being blocked due to some settings. Some of the reasons that can cause this are:

Your Astra theme is not activated or updated.There is some issue with your Astra (parent) or Astra Child theme.Renaming or modifying Astra theme or Astra Pro plugin folders or files

How To Solve It?

If this happens, please try these steps:

Please make sure that you have the Astra theme activated and updated to the latest version.

Suppose you tried activating the Astra Pro using the activation link on the Plugins page. Try navigating to Dashboard > Appearance > Astra Options and try activating Astra Pro from here.

Deactivate the Astra theme, delete it, reinstall and reactivate. Try activating the Astra Pro.

If you』re using a child Theme, please try switching to Astra (parent) theme and try activating the Astra Pro.

If this doesn』t help, try enabling the debug log to see if there are any errors related to Astra Pro.

You can find out more about this issue and how to solve this in this article, or you can contact our support team.

Mountain Template With Elementor Theme Style

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.

Required File Permissions Missing – Starter Templates

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.

How to Remove the White Bars in the Safari Browser on iPhone X and Higher

How to Remove the White Bars in the Safari Browser on iPhone X and Higher

The new iPhone X features a beautiful edge-to-edge display. But you might observe a small gap at the top of the browser.

When viewing the website in an upright (portrait) position, you will not notice this gap. But if you rotate your screen to horizontal (landscape) position mode you』ll notice white space on both sides of the screen.

In order to to avoid any such obstruction of the content, the iOS system restricts website display within a 「safe area」 on the screen.

On the websites, this results in letter-boxing on the left and the right.

You can read more about 「Positioning Content Relative to the Safe Area」 at official Apple website.

To avoid white bars around the browser you would need to extend the Safe Area. To do so you would need to add a custom code.

Simply adding 「viewport-fit=cover」 to your viewport meta tag will expand your site to fill the entire screen and not just the safe area.

Here is a custom code that you will need to add to your website –

Your website would look something like this as a result:

As you can see, the white spaces on left and the right side of the screen were removed.

How To Add Custom Code To Your Website

There are two ways to add this code to your website –

1. With Custom Layouts (Astra Pro)

Custom Layouts is an Astra Pro module. This means that for this method you would need to have your Astra Pro addon installed and activated. Follow these  steps to add the code with Custom Layouts: 

Activate the Custom Layouts module at Appearance > Astra Options > Astra Pro modules.

Navigate to Appearance > Astra Options > Custom Layouts and add a new Custom Layout.

On the next step, click 「Enable Code Editor」 to activate it.

Insert the code in the Code Editor.

Scroll down to the Settings and set the following options:

Layout: HooksAction: wp_headDisplay On: Entire Website

Publish the layout.

2. With Astra Hooks Plugin

If you』re using the only Astra Theme without an Astra Pro addon, you can add this code using the Astra Hooks plugin. Just go to Dashboard > Plugins > Add New, find Astra Hooks, install and activate it.

Once the plugin is activated follow these steps:

Open your Customizer (Dashboard > Appearance > Customize)

In the Customizer, go to Hooks > Header

Add the code to the wp_head section and Publish

That』s all!

Your website will now look great on iPhone edge-to-edge screens too.

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

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?

cURL Support Missing – Starter Templates

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

Can』t See Newly Added Templates in Starter Templates Library?

Can』t See Newly Added Templates in Starter Templates Library?

Starter Templates library provides extensive range of ready-made templates. We keep adding new templates to this library.

In case while importing Starter Templates on your website –

You are not able to see newly added templates in the libraryYou can see new templates on one website and not on another

here are steps to follow –

In dashboard, under Appearance > Starter Templates, you will observe a sync option in library window.

Click on this option to refresh the library and fetch newly added templates.

Once the sync is complete you will see all newly added templates in list.

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

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.

Filter to Remove Starter Templates Button on Post Types

Filter to Remove Starter Templates Button on Post Types

If you are looking to remove the Starter Templates button visible on the top of the Pages/Posts of your website.

You can insert the following filter in your child theme』s functions.php file (How?) –

You can insert the following filter –

1) To disable the Gutenberg Templates button from all post types.

add_filter( 'ast_block_templates_disable', '__return_true' );

2) To disable the Gutenberg Templates button for Page post type.

add_filter( 'ast_block_templates_disable', function( $default = false ) {
if( isset( $_REQUEST['post_type'] ) && 'page' === $_REQUEST['post_type'] ) {
return true;
} return $default;
} );

Note:

Please add the required code to the functions.php of your child theme.Refer to this doc on How to Add Custom Code to the Child theme?

Starter Templates: WP-CLI Commands

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]