A Featured Image on the Archive pages has a link to the image, if you need to remove the link you will need to just use the following filters –
// Filter to remove featured image link on Archive Page
add_filter( 'astra_blog_post_featured_image_link_before', '__return_empty_string' );
add_filter( 'astra_blog_post_featured_image_link_after', '__return_empty_string' );
Note: Add the above filter to your child theme』s functions.php, here』s an article to help you Add Custom code.
Similar to importing a complete website, you can import single-page templates with the Starter Templates plugin. There are page templates for home, about, services, blog, contact, and many other page types. Thus, the Starter Templates library offers you a large number of templates with a distinct color scheme, designs, and layouts. You can mix and match single pages from different templates to create your unique website design.
This document will show you how to import single pages and how to combine them successfully.
Starter Templates Walkthrough Docs:
Getting Started With Starter Templates Starter Templates ImportingHow to Import A Complete Site With Starter Templates?How to Import Single Page With Starter Templates? (currently reading)Importing Gutenberg Pages, Patterns, and WireframesStarter Templates – Elementor PopupHow to Fix Starter Template Importing IssuesBuilding Your Website With Starter TemplatesStarter Templates FAQs
Importing Single Page Templates
To import templates, you must first install and activate your Starter Template plugin. You can choose to install the free plugin or the premium one.
Both plugins will enable you to import the free templates. But to import Premium templates, you will need the Premium Starter Templates plugin, which you can download from our Store. You also need to activate the Premium Starter Templates license once the plugin is installed and activated.
You can find more details on installing the Starter Templates plugin in the Getting Started with Starter Templates article.
Page Template Importing Process
Once the required plugin is activated, you can start importing templates. The process for importing both free and premium page templates is the same.
Note:
Since Starter Template version 3.0.0 the importing process and Starter Templates UI were modified. If you』re using the older version of the Starter Templates plugin (free or Premium), your importing process will be different from the process described in this document.
You can import single-page templates to your page or post. To do this, you need to access Gutenberg or Elementor editor:
Step 1 – Navigate to your Post or Page and access the editor to access the Elementor or Gutenberg Templates Library.
Step 2 – You can import Gutenberg templates by clicking on the Starter Templates button in the editor:
Alternatively, if you want to import Elementor templates, you can import them by starting your Elementor editor. Here, click on the Starter Templates icon.
Note:
Since Starter Template version 3.0.0 you will not be able to import single-page templates for the Beaver Builder. We temporarily disabled this option.
Step 3 – Browse through the library to find the template you need. Next, click on it to display all single-page templates;
Note:
If you see the 「Get Access!」 button instead, it means that you are trying to import Premium templates using the free Starter Templates plugin. Also, this could mean that you didn』t activate your Premium Starter Templates License.
Step 4 – You can check out available page templates, select one, and click on the 「Import Template」 button;
Step 5 – If you don』t have the required plugins installed, you will see a notification that the page dynamic content will not be added. You can continue the import process, but the required plugins won』t be installed nor activated automatically. Thus, you will have to install and activate those plugins yourself.
Still, we suggest you install these plugins before you import a template;
Step 6 – Once the import process is completed, you can view the imported single page automatically as 「Draft」. You can further edit and publish the page from the page list (Dashboard > Pages).
Also, you can find more information on importing single-page templates in our following Walkthrough docs for Gutenberg and Elementor.
Note:
Keep in mind that your Customizer settings will not change when you import a single page template. As a result, the imported page design will inherit typography, color, layout, and button styling from your current theme customizer. Thus, the page design might look different than the demo page template in the Starter Templates library.
The 「Get Access!」 Button – Importing Premium Template
While trying to import the premium templates, you might have seen the 「Get Access」 button instead of the importing options. This means that something is missing in your setup.
Firstly, as you know, these templates require a Premium Starter Templates plugin to be installed and activated. When using the free Starter Template plugin, the 「Get Access」 button will redirect you to our sales page. There, you can buy one of our Bundles which come with Premium Starter Templates included.
Secondly, if you installed and activated the Premium Starter Templates plugin there is one more step to do. Now, you also need to activate your Premium Starter Templates plugin license to import Premium templates. If you haven』t done this, you will again see the 「Get Access」 button on your Premium templates.
Hence, this is what you can do to activate your plugin license:
Step 1 – If you see the 「Get Access!」 button when you try to import a Premium template (on Step 3 of importing process), go ahead and click on it;
Step 2 – Next, you will see an activation popup. Click the 「Activate License」 button to activate your Premium Starter Templates plugin license. You can copy the license key from your store account and paste it into the popup input field.
Step 3 – Once the license is activated, continue the import process from Step 3.
Note:
Although we try to use stock and non-copyrighted images on all of our Starter Sites/templates, we cannot take legal responsibility for any claims. We highly recommend replacing the images after importing.
Previous: How to Import A Complete Site With Starter Templates?
Next: Importing Gutenberg Pages, Patterns, and Wireframes
This document contains answers to some Frequently Asked Questions that you could find helpful when using Starter Templates.
Starter Templates Walkthrough Docs:
Getting Started With Starter TemplatesStarter Templates ImportingHow to Import A Complete Site With Starter Templates?How to Import Single Page With Starter Templates?Importing Gutenberg Pages, Patterns, and WireframesStarter Templates – Elementor PopupHow to Fix Starter Template Importing IssuesBuilding Your Website With Starter TemplatesStarter Templates FAQs (currently reading)
Are Premium Starter Templates Available With Astra Pro?
No. Though Astra Pro comes with significant additional options for the Astra theme, it doesn』t come with any other Brainstorm Force products.
Premium Starter Templates is a separate premium plugin available only with our Essential and Growth Bundles. You can compare the packages here.
Can I Upgrade My Astra Pro Package to the Bundle Packages?
If you already have the Astra Pro license, you can upgrade any time to Essential or Growth Bundles. When upgrading, you will be paying only for the difference in price between the packages.
If you』re upgrading your annual Astra Pro package to any annual Bundle package, the package』s expiration date won』t change. Since our annual upgrades are prorated, you will be paying only a proportion of the Bundle fee. The difference will be calculated for the remaining time until the package expiration date.
Will My Website Still Work if My License Expired?
Yes, your websites will continue to work correctly. If your package expires, this will result in your licenses becoming invalid.
Until you renew your license, you won』t be receiving updates for any of our premium plugins. Further, you won』t be able to import any new premium templates with the Premium Starter Templates plugin. On the other hand, any template you previously imported will not be affected by this.
Once you renew your license, you will be able to continue working with Premium Starter Templates normally.
Do I Download a .Zip File to Import a Starter Template?
No, the .zip file is not needed for importing starter templates. You can import templates with our Starter Templates plugin, which will import them to your website.
All templates are imported directly from our server. Starter Templates plugin will also install and activate all plugins and add content and settings.
Are Starter Templates a Child Themes for Astra?
No, Starter Templates are not a Child Theme.
Starter Templates are sets of the designed website pages or design elements created by our team. These can be imported as a whole website or as individual pages/elements of your website.
The child theme is a sub-theme of the Parent theme (e.g., the Astra theme). It』s primarily used to store any modifications you might add to Astra Theme (add filters or other custom code). You can read more about the basics of installing the child theme in this article.
Can I Delete the Plugin After Importing a Template?
Yes, you can delete the plugin after importing the starter template you need. Any imported content will still work properly.
On the other hand, you will no longer be able to import any additional pages, templates, or pre-designed elements (Gutenberg Patterns / Elementor Blocks) to your website as these are all provided by Starter Templates plugins. However, if you remove the plugin for any reason, once you install and reactivate it, these options will become available.
Can I Import Starter Templates on an Existing Website?
Yes, you can. Importing the single pages or pre-designed elements (Gutenberg Patterns / Elementor Blocks) won』t affect your existing content. On the contrary, importing the complete site template might change how your website looks as it comes with its own customizer settings and content. The imported content can also get mixed up with your existing content. You can check out more details in this article.
How Can I Reset My Website After Importing Starter Templates?
You can reset your website in several ways. To begin with, you can manually remove your plugins, pages, posts, and media files. Further, with the Astra theme, you can reset your customizer settings with the Customizer Reset plugin.
Next, if you need 100% clean WordPress installation, you can check with your hosting provider or use some plugins.
Some hosting providers offer options for completely removing and resetting your website installation.
Otherwise, you could use plugins like the Advanced WordPress Reset. Check this article for details on how to do this.
Can I Use Images That Come With Starter Templates?
It』s not advisable. We use stock and non-copyrighted (free) images from websites like Pexels, Pixabay, and Unsplash on all of our starter templates. On the other hand, we cannot take legal responsibility for any claims if the mentioned website』s policies change.
Accordingly, we recommend replacing all template images after the import.
However, Pixabay images imported through the Starter Templates Pixabay image library are free. Furthermore, images downloaded this way can be used for free under the Pixabay License. Still, please have in mind some additional rules set by Pixabay.
Previous: Building Your Website With Starter Templates
Astra Theme Walkthrough Docs:
Astra Theme WalkthroughThis Is Your CustomizerStyle Your Website With Global SettingsBuild Your Header Find the Way With Breadcrumbs Set Up Your BlogAdd Your SidebarsBuild Your FooterHost Google Fonts Locally – Performance Is the KeySee Other Customizer OptionsHow To Build Quick Sites With Astra?Getting the Most Out of Astra Theme (currently reading)
Free Theme and Constantly Evolving
Astra theme started in 2017, and in 2020 it already had more than 1+ million active installs. Very quickly it became one of the Fastest, most Lightweight, and Highly Customizable themes for WordPress.
As you probably know WordPress is an open-source content management system. Being an open-source means that anybody can contribute to it.
Keeping in mind that all of them have kind of unique living styles, you can imagine that the developers can have more or less different coding styles. That is why we have WordPress Coding Standards. Astra theme strictly follows these standards, using constantly very clean code, so it』s very simple for anybody to work with it.
One of the reasons that theme is so popular, is that it』s constantly evolving and becoming more advanced while staying completely free. Since its beginnings we have released more than 200 theme updates, more than 270 templates, integrations with WooCommerce, LearnDash, LifterLMS, Easy Digital Downloads, etc.
When Gutenberg builder was added to WordPress 5.0 we made the Astra theme fully compatible from the start. We also added our free Ultimate Addons for Gutenberg that come already included with the Astra theme. And not to forget, the Astra themes』 compatibility with Elementor, Beaver Builder, and Brizy too.
All of this was coupled with the constantly expanding list of the theme features as well as a solid number of fully compatible free and paid plugins.
Astra 3.0 Theme Improved the Customizer Speed
With each Astra theme update, we are working on improving the performance of the theme and especially the Customizer. And with Astra 3.0 we made quite a leap forward – our already fast Customizer became 70% faster!
Using React JS combined with a lazy-loading feature which is also incorporated in the customizer, our customizer dropped from great 3.5 seconds to loading in around 1 second.
Since then, most Astra theme updates continuously bring further improvements and optimizations.
Astra Theme 3.0 also Brought a lot of Other Changes
Besides the Customizer speed increase, Astra 3.0 brought even more advancements and functions.
We optimized HTML and CSS significantly reducing the amount of code. The result is that our average page load times were reduced from 0.9 seconds to 0.7 seconds!
The biggest improvement that came with Astra 3.0 was our new Header Footer Builder. This created a completely new experience of visual Header and Footer building with a significant number of available elements and options, different Header and Footer design layers (Above, Primary, and Below), and much more.
With the following major updates, came the completely redesigned customizer UI that was covered by this guide, as well as new controls to duplicate and delete header and footer elements, Google Web Stories, SVG Icons support, Related posts… and there are many more to come.
Free Plugins
We constantly strive to help our users have an amazing website-building experience. You can check some of our free plugins that you can use:
All In One Schema Rich Snippet – you probably heard about schema markup? It』s a code you place on your website which provides additional information to help Search Engines understand what is the content on your pages really about. You can use this plugin to easily implement schema types like Review, Events, Recipes, Article, Products, Services, etc.
Ultimate Addons for Beaver Builder Lite – these ultimate addons will boost your Beaver builder with great additional modulus.
Elementor – Header Footer & Blocks Template – using this plugin you can add headers, footers, and blocks anywhere on your website and design these by Elementor without needing any other plugin or addon.
And these are just a few of the free ones. Feel free to also check out some of our premium plugins.
Education
On top of the Astra theme and our products, we are proud to provide great support for both our free and Pro users. Our Blog and extensive Knowledge base cover a massive amount of detailed documentation, articles, and guides for building websites with Astra.
Though our products are simple to use and developed with user-friendliness on our minds, they are continually evolving. That is why we regularly update and expand our Knowledge base.
Next to the docs that will clarify any bump or issue you might encounter with Astra, we also create detailed guides, walkthroughs, and blog articles to make your work easy and help you get the most out of the Astra theme and our other products.
Support & Community
On top of the Astra theme and our products, we are proud to provide great support for both our free and Pro users. Our Blog and extensive knowledge base cover a massive amount of detailed documentation, articles, and guides for building websites with Astra.
Further, our Support team is available to help you 24/7, all year round with any issues you can』t solve on your own or couldn』t find in our knowledge base or blogs. Just drop us a message here and our support engineers will help you out in no time.
Last but not least Astra theme is backed by a huge community ready to help and share knowledge at all times. Join our Facebook groups to become a part of Astra Comunity:
Astra WordPress Theme CommunityAstra and Elementor Users
Astra Pro
We hope that you enjoyed this Astra Theme Walkthrough. As we work on constantly improving our free theme, we know that some of our users require more powerful features, an enhanced list of customization options, and premium support. For this reason, we created Astra Pro Addon.
Please check the full list of features available with Astra Pro and our comparison with the Astra free theme.
We invite you to visit our official website and find out more about the world of Astra.
Growth and Essential Bundle
Having Astra Pro is a great addition to your theme, but you might also need additional options for your content or a boost in your online sales. Also, if you build websites for your clients, you might be dealing with a number of different requests and preferences.
This is where our Bundles step in. Next to Astra Pro which is included in our bundles, you would be getting additional products to help you expand your business and premium support.
Essential Bundle is a great choice to boost your online business or start the agency or freelancer work. Mini-Growth Bundle gives you a balanced mix with just the right combination of products you would need like:
Ultimate Addons for Elementor or Ultimate Addons for Beaver Builder (you can choose the one you prefer) to expand your preferred Page builder capabilities and help you build amazing website designsPremium Starter Templates and WP Portfolio plugin.
You can find more details about the Essential Bundle in this article.
Furthermore, our Growth Bundle will boost your traffic (Schema Pro plugin) and your conversions (Convert Pro plugin), while giving you both page builder addons (Ultimate Addons for Elementor AND Ultimate Addons for Beaver Builder) and access to our SkillJet Academy. You can find more details about Growth Bundle in this article.
Previous: How To Build Quick Sites With Astra?
Astra Header Footer Builder is the new and advanced way to design a creative header/footer in Astra.
The Header Footer Builder feature has been released in Astra 3.0.0 version.
This article will help get you started and to understand all available options with Astra Header Footer Builder.
Before starting you can read FAQs about Header Footer Builder here.
Getting Started
Once you have the Astra theme (3.0.0 version and above) installed go to Astra welcome page under Appearance > Astra Options. Here you can see a small notice and a button that says 『Use New Header/Footer Builder』.
Click on the button to start designing with New Header/Footer Builder』.
Then visit the Customizer by clicking on 「Go to Customizer」. Once you are in the customizer you will see new options for Header Builder and Footer Builder.
Editing Header
Header Builder contains –
Visual Header Builder – with an above header, primary header, and below header.General tabDesign Tab
You can add and manage header elements with Visual Builder and customize them from the General and Design tab.
Visual Header Builder
Visual Header Builder is a flexible and advanced header builder. Changes you do in the visual builder will instantly reflect on your header design.
It gives you 3 rows to build a unique header structure – Above, Primary, and Below;You can click on the plus sign to add different header elements – Button, HTML, Widgets, Social, Primary Menu, Secondary Menu;You can drag and drop elements to different sections to place them in the required position.
Note:
Site Identity section can now be found under the Customizer > Header Builder > General > Site Indentity & Logo
Configure styling for above, primary, and below header
Click on the setting icon on the left side of each header section and it will take you directly to styling options.
General Tab
Elements you add in the visual header builder will be available under the General tab. You can click on the individual element and edit the settings.
Design Tab
This will give you design options for header width and spacing.
Header Types
You will observe one more tab under the General tab i.e. Header Types This will give you options to configure different header types.
With the Astra theme, you can enable the Transparent Header and configure it.
With Astra Pro, you can have options for Sticky Header.
Note:
We also have other elements available like WooCommerce Cart, EDD Cart in our Header Builder. For the same, you might require some other plugins that need to be added.You can find the complete list here.
Note:
The Sticky Header is the Astra Pro feature, so this option is only available when Astra Pro Addon is active.
Design Mobile Header
With Astra Header Builder you can design a header look on responsive devices.
Read the article here to know more.
Header Builder Elements with Astra theme and Astra Pro
Astra theme offers an entire structure for a new header builder. While you can unlock advanced features with Astra Pro.
Here is a list of header elements that are available with the Astra theme and Astra Pro
With Astra
ButtonHTML 1HTML 2LogoPrimary Menu Secondary Menu SearchSocial
With Astra Pro
Note: You can extend the number of elements further in Astra Pro. Read more.
Button 1Button 2HTML 1HTML 2LogoPrimary menu Secondary MenuSearchWidget 1 Widget 2Widget 3Widget 4
Now that you』ve imported the needed templates, it』s time for the final step in building your website with Starter Templates. Therefore, the only thing left is to replace the template (dummy) content with your own and to personalize your website. Further, you can modify the design to adjust it to your brand and needs.
This document will help you understand the basics of template designs and how you can edit them.
Starter Templates Walkthrough Docs:
Getting Started With Starter TemplatesStarter Templates ImportingHow to Import A Complete Site With Starter Templates?How to Import Single Page With Starter Templates?Importing Gutenberg Pages, Patterns, and WireframesStarter Templates – Elementor PopupHow to Fix Starter Template Importing IssuesBuilding Your Website With Starter Templates (currently reading)Starter Templates FAQs
General Guidelines for Modifying Starter Templates
Starter Templates contain page designs and dummy content made by our design team. In addition, templates come with all needed plugins and website settings (Customizer, plugins). Once a template is imported, you』re free to modify it any way you need.
Here are some general guidelines that can help you modify templates:
The content (pages, posts) is created using the respective page builder. You can edit content using the page builder you selected when importing the template;
Header and Footer are created using Astra』s Header Footer builder. You can customize them at Appearance > Customize > Header Builder or Footer Builder ;
Sidebars are added via the Customizer. You can customize this at Appearance > Customize > Sidebar ;
Layout, fonts, colors, button settings are all set in the Customizer. You can edit them at Appearance > Customize > Global ;
Content for third-party plugins like WooCommerce or LearnDash is created through these plugins and will be located within these plugins;
Pages for third-party plugins like WooCommerce or LearnDash can be additionally customized in the Customizer under their respective settings.
Understanding Designs
Some designs are pretty straightforward to modify. Accordingly, you can change just a few Customizer settings or edit the design with the page builder as usual.
But sometimes, our designers use more complex solutions to provide you with such great designs. Hence, you don』t have to worry about needing additional plugins or access when you import a complete site. Everything we used for creating the templates was added to your website when you imported a template.
On the other hand, modifying these complex designs might get you puzzled sometimes. Designs might be achieved as a combination of Customizer and page builder settings or could be created using some plugin.
Thus, you should check installed plugins after the template import as a good starting point. Since Starter Templates import installs only necessary plugins, you could identify any plugin used in designs. Next, you should inspect the customizer and global page builder settings, as well as pictures and backgrounds.
Further down, we will explain several principles that could come in handy when trying to understand Starter Templates design.
Editing Templates After The Complete Site Import
To clarify, we made the example below to help you understand better how complex designs are created. Also, we will show you how to modify them.
Here, we used a Travel Agency template for Elementor. Once you import the Travel Agency template, you might notice the vertical lines. These lines are stretching from the top to the bottom of all website pages. We will show you how you could remove them:
Customizer Settings
Step 1 – All sections without a set background are transparent. In other words, you will see the global website background. You can edit the website background at Appearance > Customize > Global > Colors > Background.
Step 2 – Next, click on the Background color picker, and then on the 「Image」 tab.
Step 3 – Here, check out the background image. You will see that the lines are coming from a full-screen picture. Click on the 「Remove Image」 button.
This will remove the website background. As a result, all transparent sections will now look like this:
As you can see, the lines disappeared from some sections but are still present in others.
As mentioned earlier, the Elementor sections with the transparent background showed the website background image that we removed. This means, that in other sections, the lines in the background are coming from a different place. So, we should take a look at Elementor settings.
Editing With Elementor
Since the remaining sections are not transparent, so we will check their background settings in Elementor editor:
Step 4 – Navigate to your page, and click on 「Edit with Elementor」;
Step 5 – Next, click on 「Edit Section」 for the sections still showing lines in the background;
Step 6 – Here, navigate to the 「Style」 tab and scroll down to the 「Background Overlay」. Finally, you will see the lines are added as an overlay image. Click on the 「Remove」 (Trash Can) icon to delete the image:
In this example, we showed you how to edit a design that combines Customizer and Elementor settings. Similarly, you can check out and edit designs in any template.
Replacing Images
When modifying the design, most often you』ll need to edit images. Here also, it』s important to mention that page or post designs are created in layers. Thus, check for images in sections, columns, and other elements when you edit your page with any page builder.
To illustrate this, we』ll show you examples of sections designed with Elementor.
Example 1 – Section Backgorund
In this example, we will show you how a section was built using the section background. The section was built using several layers:
Section with the background;Heading (Fitness Trainer) widget;Heading (Cristy Dowson) and Button (About Me) widgets.
To edit the background image, use the following path:
Step 1 – Start editing the page with Elementor;
Step 2 – Click on 「Edit Section」, and choose the 「Style」 tab;
Step 3 – You can edit the background image under the 「Background」 panel.
Example 2 – Section Background Overlay, Image and It』s Background
The second example contains images in several layers. This is the structure of the section:
Section with the background overlay;Image widget with set background;Inner layers containing Heading and Text widgets.
Now, let』s see how you can edit images in this section:
Step 1 – Start editing the page with Elementor;
Step 2 – Here, click on 「Edit Section」, and choose the 「Style」 tab;
Step 3 – You can edit the background overlay image under the 「Background Overlay」 panel.
Step 4 – Next, click on the Image Widget to edit the image. You can modify the image under the 「Content」 tab here:
Step 5 – Similarly to the section background, you can edit the Image Widget 「Background」. To do this, switch to the 「Advanced」 tab and scroll down to the 「Background」 panel:
In short, your design options are almost endless. If you』re unsure how to edit any image, just carefully examine all layers until you find the needed settings.
Other Plugins and Starter Templates
Finally, our designers sometimes use additional plugins, so check your 「Installed Plugins」 to be sure. These plugins will be installed on your website when you import a template.
Further, keep in mind that this will happen only if you import the whole website. Thus, if you imported a single page, you would need to add plugins and dynamic content yourself.
Elementor Header & Footer Builder Plugin
The Elementor Header & Footer Builder is a great free plugin. It allows you to add separate elementor-designed blocks anywhere on your website. This way, the same section can be added to multiple places on your website. For example, some Starter Templates have subscription sections built using this plugin.
Thus, check your installed plugins for Elementor Header & Footer Builder when you import a complete site. If this plugin is present, all templates created with it will be located at Dashboard > Appearance > Elementor Header & Footer Builder.
To edit these templates, please follow these steps:Step 1 – Navigate to Dashboard > Appearance > Elementor Header & Footer Builder and find the template you wish to edit;
Step 2 – Find the 「Edit」 option under the template name, and click on it to start editing;
Step 3 – Further, click on the 「Edit with Elementor」 button to open the Elementor editor;
Step 4 – Make modifications you need and click on the 「Update」 button. Next, click on the Elementor menu and 「Exit to Dashboard」 to return to template editor;
Step 5 – Also, if needed, you can update Elementor Header & Footer Options. Here, you can change the Type of Template, change the location (Display On), and limit specific User Roles.
Step 6 – Update the template to apply changes.
If you wish to remove any block, you can simply delete it or change the 「Display on」 settings.
In conclusion, you should now be equipped to build your website with Starter Templates without any hustle. Of course, if you still need help with any template designs, feel free to contact our Support Team.
Previous: How to Fix Starter Template Importing Issues
Next: Starter Templates FAQs
What is Astra Header/Footer Builder?
Astra Header/Footer Builder is a new visual builder inside Astra customizer. This is a powerful way to design creative header and footer for your website. You can add various items in header/footer and arrange a structure with simple drag and drop.
This feature is available with the Astra theme version 3.0.0 and above. Advanced options are available with Astra Pro version 3.0.0 and above.
How can I get Astra Header/Footer Builder?
Astra Header/Footer Builder comes inbuilt with Astra theme while Astra Pro adds advanced options to it.
Astra Theme is available on WordPress here Astra Pro is available on your store account. Just login to your account and visit the Downloads section.
How new Header/Footer Builder will affect old design? Will my current header/footer design be migrated?
No, when you opt to use new Header/Footer Builder, old design will not be migrated. You will need to rebuild the old header/footer design.As soon as you activate new Header/Footer Builder the old design will be replaced and will no longer be visible.
In case you wish to continue using old header/ footer settings, you can choose the option from Astra Options (Appearance > Astra options > Use Old Header/Footer).
What will happen to my Above and Below Header from Astra Pro?
Above and Below Header will be available from Astra theme now. Though advanced options will come from Astra Pro. As mentioned in the above answer, when you switch to a new Header/Footer Builder, you will have to rebuild old design.
What will happen to my Typography, Spacing, Colors & Background Addon options in the new Header/Footer Builder?
All the Typography, Spacing, Colors & Background options will remain the same with respect to new Header/Footer Builder. That means when you activate these addons, respective options will be added into customizer for individual elements like Primary Menu, Secondary Menu, etc.
What are different elements do I get with Astra theme and Astra Pro plugin?
Here is a complete list of widgets available in new Header/Footer Builder with Astra theme and Astra Pro.
Do I have a limited no of Elements or Can I Use Multiple Elements in header/footer?
You get all the elements as mentioned in the list above. But in case you need more elements, you can get it with Astra Pro. Refer article here to see how.
Starter Templates plugin allows you to import ready and beautifully built demos to your website. Most importantly, when you import a complete site, your whole website is ready in a few minutes. You get already made designs, dummy content, images, and style that you can customize and personalize as you wish.
Thus, this document will show you how to import a complete site with Starter Templates directly from your WordPress Dashboard. We will cover both the Free and Premium Templates.
Starter Templates Walkthrough Docs:
Getting Started With Starter Templates Starter Templates ImportingHow to Import A Complete Site With Starter Templates? (currently reading)How to Import Single Page With Starter Templates?Importing Gutenberg Pages, Patterns, and WireframesStarter Templates – Elementor PopupHow to Fix Starter Template Importing IssuesBuilding Your Website With Starter TemplatesStarter Templates FAQs
Importing Free Templates
The first step to importing the free templates is to install the Starter Templates plugin. The plugin provides two sets of templates, free and Premium. You can learn how to install the free plugin here.
Visit the Getting Started with Starter Templates document for more details on FREE and PREMIUM Starter Templates.
Once you install and activate the plugin, you can start importing Starter Templates. You can also check out all the great options that came with Starter Templates 3.0 in the video below:
Previewing Templates
Step 1 – Navigate to Appearance > Starter Templates, and click the 「Build Your Website Now」 button. Next, you』ll need to select your preferred page builder: Elementor, Gutenberg, or Beaver Builder. This will open the Templates Library and styling options;
Note:
Brizy builder templates are not available by default. Accordingly, if you wish to import Brizy templates, you』ll need to enable this option. To do this, navigate to Dashboard > Settings > General and click on 「Enable Brizy Page Builder Templates in Starter Templates」 [screenshot].
Step 2 – You can browse the Library to see the templates available for your selected page builder.
Once you find the template you like, click on it to preview your template. You will go through several pages with styling settings like logo, colors, and typography.
On each step, you can preview the entire template using the live preview on the right side. Just click on any page in the menu like you would on the live website.
Styling Options
Step 3 – Firstly, add your logo to see how it would look with the selected template:
Click on the 「Click to Upload」 button;Upload the logo file or add it from Media Library;Set the logo width.
Here, you can also try different variations of your logo to find which one fits the best. Click on 「Continue」 to save the changes.
You need not worry if you don』t have your logo ready. Just click on the 「Skip & Continue」 button below. This will add a default logo from the template, which you can change later;
Step 4 – Next, you can select one of the premade global color palettes. Selecting any premade color palette will change colors in the template preview accordingly. Also, you can leave the default color palette. Once you decide on the color palette to use, select it and click 「Continue」;
Step 5 – Finally, you can select one of the available typography presets and try different text styles. Text in the template preview will change its style accordingly.
Click the 「Continue」 button to proceed to template import. Skipping this step will apply the default typography to your import;
Note:
You will be able to manually modify all settings after the template import. In other words, you can change the logo, colors, and typography any time you want.
Importing A Complete Site Template
Step 6 – After you go through the template preview and settings, you will come to importing page. Here, you will have several 「Advanced Options」:
Delete Previously Imported Site – This option will automatically delete designs, content, and settings of any starter template you previously imported;Install & Activate Astra Theme – Starter Templates are designed to work perfectly with the Astra theme. Starter Templates plugin will install/activate the Astra theme automaticaly with this option. Contrary, if you disable this option, the imported template will work with your currently active theme. Hence, the template might look differently on your website compared to the Library preview;Import Customizer Settings – Each site template comes with its own Astra customizer settings. Hence, if you disable this option, the template will inherit the current theme customizer settings;Import Widgets – This will import the widgets used in the site template (especially with header and footer);Install Required Plugins – This option can』t be disabled. On the other hand, hovering over the tooltip icon (question mark) you can see the list of the plugins that will be installed;Import Content – Enabling this option, will import content (text) and images for the template you selected. Yet, if you only want to import the website structure and design, you can uncheck this option;
Furthermore, we suggest enabling all these settings to ensure the imported template is the same as the preview.
Click on 「Submit & Build My Website」 to initiate the import process. Don』t close the window until the template import process is finished.
Note:
If you see the 「Get Access!」 button instead, it means that you are trying to import Premium templates using the free Starter Templates plugin. Also, this could mean that you didn』t activate your Premium Starter License.
Step 7 – Once the import process is completed, you can view your website by clicking the 「View Your Site」 button.
Importing Premium Templates
Premium Templates are available only with Essential or Growth Bundles. You can set them apart in the templates library by the Premium tag in the upper right corner.
To import Premium site templates, you need to install the Premium Starter Templates plugin. If you need help installing and activating the plugin or activating its license, you can find more details here.
Once the Premium Starter Templates license is activated, you can import the Premium templates. Please follow the same above-mentioned steps for importing free templates.
Recommendation:
Though not required, we recommend you import a site template on a clean WordPress installation. Also, you can reset your current WordPress installation to start fresh with the brand new site. Here』s a quick guide to help you do that.
The 「Unlock Access」 Page – Importing Premium Template
Did you try to import a premium template and get to the 「Unlock Access」 page following the styling options? This means that something is missing in your setup.
Firstly, as you know, these templates require a Premium Starter Templates plugin to be installed and activated.
Secondly, to import Premium templates, you also need to activate your Premium Starter Templates license. Thus, if you haven』t done this, you will see the 「Unlock Access」 page through your plugin is installed and activated.
Hence, this is what you can do to activate your Premium Starter Templates plugin license:
Step 1 – On the 「Unlock Access」 page you will see the 「License Key」 field;
Step 2 – Next, visit the Brainstorm Force Store to get your license key. Here, you can copy the license key from the Licenses page and paste it into the 「License Key」 field;
Step 3 – Click the 「arrow」 button, and continue with the template importing process from Step 6.
Note:
Although we try to use stock and non-copyrighted images on all of our Starter Sites/templates, we cannot take legal responsibility for any claims. We highly recommend replacing the images after importing.
Previous: Starter Templates Importing
Next: How to Import Single Page With Starter Templates?
This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.
You can manage the spacing using the Spacing module available with Astra Pro. Please refer document, to begin with, Spacing module.
This will allow you to add spacing around site identities like Logo, Site Title & Tagline.
You can find settings under Appearance > Customize > Header > Site Identity.
If you want to know more about Site Identities please visit here.
In this article, let』s see how to update plugins manually from WordPress backend.
Step 1:
The first thing you will need to do is, download the latest version of the plugin as an installable zip file. You can find on WordPress.org repository if the plugin was originally downloaded from there. If the plugin is premium, you will need to login to your account and download the plugin zip.
In the case of Astra Pro Addon plugin: Login to our store and open the My Accounts Page where you will be able to download the latest version of the plugin.
Step 2:
Now, temporarily deactivate and delete the currently installed plugin as in the next step, we』re going to reinstall it.
This should not remove any settings you have made or pages created as they are stored in the database. Still, we always encourage everyone to take backups frequently, just in case something goes wrong.
Step 3:
Install the plugin that you downloaded in Step 1.
