How to Fix the 406 Error While Importing a Starter Template?

How to Fix the 406 Error While Importing a Starter Template?

While importing any template from the Starter Templates library, are you getting 『406 Not Acceptable』 error? If yes, this article will help you understand why it showed and how to fix it. 

Why Do You See This Error? 

While importing any template, your website needs to make a connection with the Starter Templates server. If your website doesn』t  accept connection with the Starter Templates server, you will get a 406 error. 

One of the reasons for this error is the website firewall which is blocking access to the Starter Templates server. 

How can you fix this?

As mentioned, this issue is related to your firewall. For the import to work, you need to make modifications that would allow the connection to go through. This can be done by your host or you can make modifications to your website yourself.

Contact your host

If you are not sure about modifying the website files yourself, we would suggest you contact your hosting provider to do this for you. This is the email template that you could use:

E-mail Template:

Hello,I』m building a WordPress website using the Astra theme. I』m trying to import a template using the 「Starter Templates」 plugin (https://wordpress.org/plugins/astra-sites/), but the process keeps failing. Here is the error notice I am receiving – Error: 406 Not AcceptableCan you please take a look? I』m looking forward to hearing from you.Thank you.Regards,Your name

Fix this yourself

To fix this issue yourself, you would need to edit your websites』 .htaccess file to disable the mod_security firewall.

Once you access your .htaccess file, you need to update (or add) the code between the 「Begin WordPress」 and 「End WordPress」 tags to match the one below:

 
RewriteEngine On 
RewriteBase / 
RewriteRule ^index.php$ - [L] 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule . /index.php [L] 

There are several methods of editing your .htaccess file – either by using some plugins or using the FTP client and code editor. Choose one of the methods below which fits you the best.

Before making any changes to your .htaccess file, please create a complete backup of your website. Also, it is advisable to make a copy of the original file before editing it – in case something goes wrong you can always use this original file to start over.

Method 1 – edit the file using the 「Yoast」 plugin

Step 1 – Log in to your websites』 Dashboard

Step 2 – Navigate to the Dashboard > SEO > Tools

Step 3 – Click on the 「File Editor」

Step 4 – Edit the code in the .htaccess section and save changes

Step 5 – Try importing the starter template again

Method 2 – edit the file using the 「Rank Math」 plugin

Step 1 – Log in to your websites』 Dashboard

Step 2 – Navigate to the Dashboard > Rank Math > General Settings

Step 3 – Click on the 「Edit .htaccess」

Step 4 – Edit the .htaccess code and save changes

Step 5 – Try importing the starter template again

Method 3 – edit the file using the 「WP Htaccess Editor」 plugin

Step 1 – Log in to your websites』 Dashboard

Step 2 – Navigate to the Dashboard > Plugins > Add New

Step 3 – Install and Activate the WP Htaccess Editor plugin

Step 4 – Navigate to the Dashboard > Settings > WP Htaccess Editor

Step 5 – Edit the .htaccess code and save changes

Step 6 – Try importing the starter template again

Method 4 – edit the file using the FTP client

For this article, we』ll use the FileZilla FTP client, so please install it on your computer (unless you are familiar with another FTP client you would prefer to use). Let』s start:

Step 1 – Add your FTP access data to FileZillas』 Site Manager

Step 2 – Connect to your server

Step 3 – Navigate to your websites』 public_html (root) folder. Here you should find the .htaccess file. 

Do have in mind that the .htaccess file may be hidden so once you access your root directory using the FTP client, make sure you check the folder for the hidden files too. 

Now that you have found your .htaccess file, follow these steps to edit it:

Step 4 – Right-click on the file and select 「Download』 to copy the file to your computer.

Step 5 – Edit the file on your computer using some of the code editors like Sublime Text or Notepad++ (don』t use word processors like Microsoft Word or Google Docs for this). Open the file and add the code mentioned above. Save the file. Step 6 – Once you modified your file, just upload the file back to your server (using the FTP client) replacing the original file with this modified one, and your new values will become active.

About Icons Font That Comes with Astra

About Icons Font That Comes with Astra

Note:

Since version 3.3, Astra theme default font icons have been replaced by SVG icons. When SVG support is enabled, the astra.woff file and the icons mentioned in this document are not loaded anymore. You can find out more information details in this article.If you still wish to use these icons, you need to disable the SVG support.

Astra comes with a custom lightweight & beautiful icon font. All icons used in the theme are shown in this library.

You can find each of the font-icons available with Astra and its CSS class described below-

Icon
Content
CSS Class

.
e900
astra-icon-down_arrow

.
e5cd
astra-icon-close

.
e25d
astra-icon-drag_handle

.
e235
astra-icon-format_align_justify

.
e5d2
astra-icon-menu

.
e8fe
astra-icon-reorder

.
e8b6
astra-icon-search

.
e56b
astra-icon-zoom_in

.
e901
astra-icon-check-circle

.
f07a
astra-icon-shopping-cart

.
f290
astra-icon-shopping-bag

.
f291
astra-icon-shopping-basket

.
e903
astra-icon-circle-o

.
e902
astra-icon-certificate

Here is a screenshot that shows how the default added icon appears.

Astra Options Page – All Settings Explained

Astra Options Page – All Settings Explained

Astra provides a dedicated settings page in your WordPress dashboard. You can manage all Astra theme and Astra Pro related controls here. You would see this screen under Appearance > Astra Options.

Astra ThemeAstra Pro Addon Plugin

Astra Theme

Have a look at the options that are available with free Astra Theme:

Astra Header/Footer Builder 

It allows you to switch between the legacy header and footer, which were available with previous versions of the Astra theme, and our new Header and Footer Builder. To change your current header and footer option, just click on the button in this section. To find out more about our new Header and Footer Builder please check this article (https://wpastra.com/docs/faqs-astra-header-footer-builder/).

Links to Customizer Settings 

These settings will land you on a respective setting in the customizer. So you would not need to open a customizer and search for a particular setting.

More Options Available with Astra Pro! 

This section lists all modules available with Astra Pro Addon. You can refer to documents for each of the modules to see all the advanced options offered by Astra Pro modules.

Import Starter Site 

This option in the right sidebar, allows you to install the Starter Templates plugin with a single click. It offers a free library of Starter Site Templates available with a choice of Page Builders – Gutenberg, Elementor, Beaver Builder, or Brizy. You can choose from more than 150 Starter Templates created by our team. 

Importing any template will set up your whole website in a couple of minutes including installing all needed plugins, creating pages and adding designs, and setting all Astra Customizer settings. From there, you can just replace texts and images and any other content you might have (like WooCommerce products) with your own, and your website is done. Also, if you wish, you can further develop your website designs using our template design as a starting point.

Important Links

From here you can check out Astra Website and get familiar with all options and features that come with the Astra theme.

If you have any queries regarding Astra, you can dig for a Knowledge Base solution or ask Astra Community on Facebook. 

Still did not find the solution?  You can contact our Five Star Support team for all your questions straight from this page.

Also, you can easily Rate Us and leave your feedback. We value the opinion of our users and we are happy to hear it anytime.

Extend Astra with Free Plugins

There is a number of plugins created for extending Astra theme capabilities. You can activate these depending on your needs by clicking on the 「Activate」 button. This will install the desired plugin and activate it. You can then access the plugin settings straight from Astra Options.Among the free plugins available here are Ultimate Addons for Gutenberg builder which will add advanced blocks to your default WordPress builder, Sidebar Manager that will allow you to create custom sidebars for your website, Custom Fonts for easy font importing, and many more.

Astra Pro Addon Plugin

With your Astra Pro Addon installed and activated, the 「More Options Available with Astra Pro!」 section will turn to the Available Astra Pro Modules section. Here, you will have the option to Activate or Deactivate All modules or activate/deactivate each one individually as you need them.

It』s good to know that deactivating Pro modules you don』t use will benefit your website performance.

Additional sections available with Astra Pro Addon:

CSS File Generation is another option that you can use to improve your website performance. Enabling this will result in your inline CSS not showing up in the Source Code anymore, as the inline CSS will now be added as a separate file. You can find out more about this in the following article (https://wpastra.com/astra-2-1/).If you』re eager to be amongst the first to try all our new features, you can choose to Allow Beta Updates and enable automatic beta updates for Astra Pro on your website.

Make a note if you have white-labeled Astra using Astra Pro, the links in the sidebar won』t appear.

Addon settings for all Astra Pro modules will appear under the Available Astra Pro Modules section. You can activate modules as per requirement. Refer to the White Label document to see how you can white label the theme and plugin with Astra Pro.

Note: Please make sure you update the Astra theme and the Astra Pro addon. Unless you update both, you might face issues with Astra Pro modules.

Gutenberg Plugin Causing Issues With the Astra Customizer

Gutenberg Plugin Causing Issues With the Astra Customizer

The WordPress default Block Editor, also known as Gutenberg, works great with Astra Theme and Astra Pro.

On the other side, having the Gutenberg plugin additionally installed could cause some issues with your website. One of these issues is that you might not see any of the settings when you open Astra Customizer.

This article explain why this happens and how to fix it.

Why Is This Happening?

Since the Gutenberg plugin is intended to be used just as a testing ground, it is not recommended to use it on your live website. The stable Gutenberg versions are integrated into your WordPress installation and updated with each WordPress update.

Furthermore, if you have 「Experiments」 options activated within the Gutenberg plugin, this could have some additional effects on your website, as these are WordPress experimental features and can be changed at any time.

How To Solve This Issue?

As mentioned the Block Editor is built into WordPress since version 5.0, and there is no need for the Gutenberg plugin to be installed.

If you experience issues, please follow these steps:

Step 1 – Navigate to Dashboard > Plugins and check if you have the Gutenberg plugin installed.

Step 2 – If so, please deactivate the plugin. Check for any issues.

Step 3 – Delete the plugin.

If you have used Gutenberg to create advanced designs using the experimental features they might go missing as you remove the Gutenberg plugin.

We would highly recommend using the Gutenberg plugin only if you wish to test some experimental features. It would be best if you did this in your testing or staging environment.

We suggest that you don』t use any of these experimental features on your live website, as most of the stable Gutenberg plugin features will be available by default in the WordPress Block editor.

In addition, if you are facing issues with any of the upcoming block editor features in the beta versions of WordPress, please let us know. You can contact us by opening a support ticket with us, and our team will get this fixed.

How to Replicate the Astra Screenshot?

How to Replicate the Astra Screenshot?

When you view the Astra theme on WordPress.org you see a nice screenshot for the theme like above. You can replicate this screenshot easily. This article explains this process in detail.

Table Of Contents

Import Screenshot TemplateDesign screenshot ManuallyInstall ThemeStart Designing the ScreenshotDesign HeaderAdd Page Content

There are two ways to create this screenshot –

Import a template (Recommended) – This is an easy process where you can import a ready template and a screenshot will be available on your website. Design screenshot Manually – If you prefer manually designing screenshots from scratch you can do so with easy steps.

Let』s understand both processes –

Import Screenshot Template

You can quickly import a template for Astra screenshot with Starter Templates plugin. You can import it and then tweak it as required. To view the template click here.

Follow the below process to import the template.

Step 1 – Install Starter Templates plugin. Its available for free on WordPress.org

Step 2 – Choose Gutenberg as choice of page builder and search for Web Design Agency in library.

Step 3 – Click on the template and click to import it.

And you are done. Imported template will be available on separate page. You can edit it and tweak it as required.

Design screenshot Manually

Here are steps to design screenshot from scratch using Astra.

Install Theme

The first step would certainly be to install the Astra theme. After installation, make sure you activate the theme. 

Start Designing the Screenshot

To get started, create a new page and set it as a Homepage. To set a page as a Homepage, go to Settings > Reading > A static page > Homepage – select a newly created page from the drop-down.

Now, you can design screenshot in two sections –

HeaderPage content

Design Header

This section contains the logo, navigation menu, and social share icons.

You can design a header from Astra customizer settings. From dashboard head over to Appearance > Customize > Header Builder.

This will open up Astra』s advanced visual header builder. You can add all header sections with this builder easily – 

Note – We will be using a Transparent Header on this page. It can be enabled only for this page from page meta settings. The later part of this article will explain more about it. 

You can edit the Transparent header settings from customizer under Header Builder > Header Types > Transparent Header. 

Here is a video that explains how to customize the header –

1. Add Logo – Click on the middle left box – this is a primary header』s left section. A popup will open up with all available elements. Choose Logo from this list. Now click on the logo element, add the logo and adjust the width. 

If you want a different logo on Transparent Header, you can set it under Header Types > Transparent Header. 

2. Add Primary Menu – Create a menu that you wish to display in the header. Now click on the middle section of the primary header and from the popup select Primary Menu. You can set colors for the menu from the design tab.

3. Add Social Icons – Click in the right section of the primary header, and from the popup select Social from the popup. Add Facebook, Twitter, Instagram, or any other social icons you need. Set style from the design tab. 

Add Page Content

There are two sections on the page. Edit the page with Gutenberg editor and start building these sections.

Design First Row (Your idea matters!)

Step 1 – Add the Cover block offered by the Gutenberg editor.

Step 2 – Edit the Cover Block. Set the height 0f 740 px and overlay color with gradient. (If you need exact color codes fro gradient here they are – #07018f and #8404ce).  

Step 3 – In the Cover section, add a Group block.  

Step 4 – Inside Group block add Media & Text block. In this block select layout to display media on the right and content on left. 

Step 5 – In the content section, add the Heading block, set the H1 heading, and add text. Set color from block settings. 

Step 6 – Below the heading, add Spacer block with 20 px height and then add Button block. For button set text, link, and colors from block settings. 

Step 7 – In the right section – media section, add an image. 

Design Second Row

Step 1 – Add a Group block. Inside it add a Columns block with 4 columns. 

Step 2 – Inside each column add Image, Heading, and Paragraph blocks. Then add image, heading, and text in a paragraph. 

Page Settings 

Astra offers page-specific settings that help you to control the display of page meta for individual pages. 

In the right settings sidebar, find section – Astra Settings. 

From here set – 

Sidebar – No SidebarContent Layout – Full Width/ Contained  Disable Title Disable Breadcrumb Disable Featured ImageTransparent Header – Enabled 

This will merge your page content with your header designed with Header Builder. 

Done! 

Publish the page and visit the frontend to see the design.

Getting Started with Astra Pro Addon Plugin!

Getting Started with Astra Pro Addon Plugin!

Not sure how to start with Astra Pro Addon plugin? Then this document is for you.

What is Astra Pro Addon?

Astra Pro Addon is a plugin that enhances the capabilities of the Astra theme and adds more features to it. This plugin comes with addons that can be activated and deactivated as per your needs. Therefore, you can select the features that you wish to keep and avoid the rest from bloating your website.

If you』re looking for a solid and fast theme with easy options for customizations, go for Astra Pro Addon.

Where can I purchase Astra Pro Addon?

On Astra pricing page, you can see packages available for Astra. You can select an ASTRA PRO package that offers Astra Pro separately while it is bundled with  Essential Bundle and Growth Bundle.

How to Install Astra Pro Addon plugin?

After purchasing Astra Pro you can download plugin zip from the store and install it on your WordPress site like any other plugin. See how you can proceed with installation here.

Where can I get the license key?

Activating your license or purchase key is very important. This way, you are registering the purchase you』ve made and therefore will receive free updates from us. You can find the key on the license page when you log in to our store. See more information here.

How can I activate the license?

The license key (or purchase key) is needed in various instances; like registering the product to receive free updates, logging in to our support center to request support and more. You can install and activate the Astra Pro plugin on an unlimited number of websites using the same license. See how you can activate Astra Pro Addon license.

How to get started with Astra Pro?

Once you have installed Astra Pro and activated your license, you are free to use any addons that you wish to use in the theme. Addons available with Astra Pro will be listed under Appearance > Astra Options, with the label Available Astra Pro Modules. Activate required modules and start building your website

Note: Each module and its settings can be found under the respective tab in the customizer.

You can see information about all Astra Pro addons here.

Could not store XML file in /wp-content/ folder?

Could not store XML file in /wp-content/ folder?

One of the reasons why your Starter Templates import could fail can be storing the XML file. To import the template content, WordPress needs to store an XML file in the /wp-content/ folder. In this case, you might see an error that says something like this:

Looks like your host could not store XML file in /wp-content/ folder.

The reason for this could be that your host is offloading /wp-content/ folder to a third party server. This basically means that the content is stored in some other place, for example a cloud storage.

Since storing XML file is a requirement of WordPress itself, unfortunately, there is no workaround here.

You will need to get in touch with your hosting provider and see if they can disable offloading /wp-content/ folder to a third party server temporarily.

Does Astra support Beaver Themer Plugin?

Does Astra support Beaver Themer Plugin?

Yes, Astra out of the box is fully compatible with Beaver Themer. Using Beaver Themer, one can create custom Headers, Footers, Theme Parts, Dynamic Templates (Archives, Blog Posts, WooCommerce Layouts, etc) and Astra theme is one of the few compatible themes.

Astra offers fullwidth layouts and the ability to enable / disable elements like Page Title, Sidebar, through a meta box. So you may use Astra as a solid foundation for your WordPress websites and create custom layouts you need with Beaver Themer plugin.

How to Activate License Key on WordPress Multisite?

How to Activate License Key on WordPress Multisite?

Plugins available with Astra Pro Addon, Essential Bundle and Astra Growth Bundle can be used on Multi-Site Network.

Install the plugins on the main site. Network Activate the required plugins.

To get the license key information – login to our store and open the Licenses page. You will see all your license keys information there.

From the main site, you can activate the license for following plugins-

Ultimate Addon for Beaver Builder ( Settings > UABB > License )Ultimate Addons for ElementorWP PortfolioSchema Pro

While for below-mentioned plugins, you would need to activate the license from individual subsites –

Astra Premium SitesAstra Pro AddonConvert Pro

How to Fix Blocked Requests Error While Importing a Starter Template?

How to Fix Blocked Requests Error While Importing a Starter Template?

Importing a template to your website will send the connection request to our server for transferring the template data. One of the reasons this process could fail is that something blocks your website』s requests to our server. In this case, you will see the following message:

WP_Error – User has blocked requests through HTTP.

The connection request flow looks like this:

When the connection from your host to our API server is blocked, this error happens.

The possible reasons and solutions are following:

Some plugins installed on your website could be a cause of this issue. Please deactivate plugins temporarily and try again. We have seen this fixes the issue in 95% of the cases.Your host might be using a firewall on their server, which might be blocking requests to our server (websitedemos.net). Please get in touch with your host and ask if their firewall or security modules are blocking websitedemos.net This is the email template that you could use:

Host Email Template:

Hello,I』m trying to import a starter template from the plugin: https://wordpress.org/plugins/astra-sites/.It appears that my host server is not able to connect to websitedemos.net. The connection is essential for importing a starter template I need.What could be the reason my website is not able to connect to websitedemos.net? Is there a firewall or any security modules on the server which might be blocking this?If so, is it possible to unblock the connection to websitedemos.net? Can you please take a look? I』m looking forward to hearing from you.Thank You!Regards,Your name