Here is a list of browsers that works seamlessly with Astra.
Last 1 Android versionsLast 1 Chrome Android versionsLast 2 Chrome versionsLast 2 Firefox versionsLast 2 Safari versionsLast 2 iOS versionsLast 2 Edge versionsLast 2 Opera versions
We provide browser support similar to that of WordPress Core.
This is a premium feature available with the 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. Feel free to check the basics of setting up the Blog with Astra Theme for additional information.
You can design an Archive page using Blog Pro module available with Astra Pro. Please refer document, to begin with, Blog Pro module.
You can find the setting under Appearance > Customize > Blog > Blog / Archive
The Pro feature adds the following styling options:
Blog LayoutContent WidthBlog Post ContentExcerpt CountRead more textPost PaginationPost Pagination StyleBlog Post StructureFeatured Images sizeBlog MetaSpacingTypography
Blog Layout
There are three types of blog layouts available in total, from which you can choose your Blog / Archive layout. Each layout comes with a specific set of options – these will appear when you select the Layout type.
Keep in mind that the final look of your Blog / Archive page will also depend on the number of posts displayed per page. You can set this at Dashboard > Settings > Reading.
Grid Layout option
This layout, when selected, activates the Grid Layout option.You can select the number of columns (up to 4) to display your blog posts
Note: You will only be able to select the Grid Layout when the first Layout is selected. Not when the Image is on the left or right.
Add Space Between Posts
This adds spacing between two blog postsThe option is recommended for Boxed and Content Boxed layout.
Here』s the Boxed Layout we are referring to above, which can be set under the Customizer > Global > Container.
Masonry Effect
Masonry is a grid layout based on columns. When you select more than 1 column this option will appear. In this layout, the height and width of the columns are not fixed, unlike other grid layout options.Masonry layout makes maximum utilization of space by covering small gaps and spaces
Highlight First Post
This option highlights the very 1st post or the recently added posts in the archives.
Enable Date Box
You can add a date box and set the styling of putting it in a square or circle.
Remove Featured Image Padding
It removes the padding from the columns of the blog posts.Recommended to use along with the 『Add Space Between Posts』 option.This layout will not work with full-width layouts.
Content Width
Custom
You can set a Custom Width for the Blog Container using this option or you can set a Default Width.
While if you select the Default Width it would inherit the width of the Customizer > Global > Container > Width.
Blog Post Content
Full Content
Where the entire write-ups or the copy matter written for a blog post is visible on the archive page.
Excerpt Count
Excerpt content means displaying a short extract of the content, where the count of words is restricted. With the 「Astra Blog Pro」 module you can limit the word count according to your design and layout using the Excerpt Count option.
Post Pagination
Number
When you select the 「Number」 option, page numbers are displayed at the bottom of the posts. The user needs to click manually on numbers to load the next/previous page. The number of posts displayed on each page is dependent on the post number set for Blog pages show at most setting from the dashboard under Settings > Reading.
Infinite Scroll
Unlike the 「Number」 option there is no restriction on the display of blog posts on the archive page. After selecting 「Infinite Scroll」 all the published posts are visible since the start.
Blog Post Structure
Allows you to choose whether to display or hide the featured image, title, and meta. Just click on the 『eye』 icon to enable or disable the option.
Post Meta
Below the Post Structure section, comprising of Post Title and Featured Image, we have a section for Post Meta.
The Post Meta comprises of the Comments, Category name, Author, Published Date, Tag, and also Read Time.
Featured Images size
Set the featured image size.
Spacing
Allows managing the space inside and outside the Blog Posts.
Typography
This option helps to manage the Typography settings of the Archive Title, Post Title, Meta and Pagination.
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
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.
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.
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.
If you own any of the Brainstorm Force products, you can manage license from our store account.
Following are the things you can manage in terms of the product』s license –
You can get a license for purchased products. You can see domains that have a product license activated. You can remove license key from any domain.
Here is how you can deactivate the license from the store –
Step 1 – Login to the store account
Step 2 – Go to Account > Licenses
Step 3 – Click on 「Manage Sites「
Step 4 – Here you will see all website/domains that have license activated. Click on the 「Deactivate Site「.
Note: In case you accidentally deactivated the license from the incorrect website, login to the website and activate the license again.
Related Articles –
1. How to Get License Key of Astra Pro?2. How to activate Astra Pro addon license?3. How to activate license key on WordPress multisite?4. Do not see license activation form?
Astra theme offers an option to display related posts on single blog post. This is available right inside the theme customizer.
This article explains how you can use this option.
What Are Related Posts?
Related posts are displayed at the bottom of a single post. These posts are picked from related categories or tags of the current post. So when users complete reading the current post, they find more related content that can engage them for a longer time. This way users get to read more content related to their topic of interest and it brings more page views for your website.
For example – Let』s say you have posts named A, B, C, D in the category Fashion. So on the post A, the rest of the posts from the same category i.e B, C, D will be displayed as related posts at the bottom. Once the user completes reading post A, he/she can choose from other posts and continue reading.
Let』s see how you can add related posts using Astra –
Add Related Posts With Astra
Astra makes it easy to display related posts on all single posts. The option is available right inside customizer so that you don』t need to use any extra plugin. Astra gives you total control to display and customize related posts.
Here are steps to enable relates posts on single posts –
Before we begin, make sure you have Astra theme updated to version 3.4 and above.
Step 1 – From WordPress dashboard, go to Appearance > Customize.
Step 2 – In the Customizer, visit Blog > Single Post.
Step 3 – Here you will find option to 『Enable Related Posts』. Turn it on. It will display more controls below the option.
Title – This option allows you to highlight your related post section with an engaging title. You can rename the default 「Related Posts」 title to anything you need. Also, you can manage the related posts section title alignment.
Total Number of Related Posts – Here you can decide how many posts from the related category or tag you wish to display. For example – if you have 20 posts under the category Fashion, decide how many posts from this category should be displayed as related posts.
Grid Column Layout – Related posts will be displayed in a grid structure, i.e., a row-column structure. First, you can set the number of columns you wish to display. Then, based on the total number of posts you display with the above option and column number, rows will be added automatically. For example, if you display 8 posts with 3 columns, you will see posts displayed in 3 rows. Related posts column grid is also responsive – you can set the different number of columns for each of the devices by clicking on the responsive icon.
Posts Query – Here you can set a source to fetch related posts from. You can choose Categories or Tags. Posts will be fetched randomly from chosen source and will be displayed as related posts. You can manage to display posts in a particular order.
Posts Structure – Here you can manage to display featured image, title, and post metadata. Just click on the eye symbol to enable or disable the particular section of the post. You can even manage the sequence of metadata by simple drag and drop.
For example – Let』s say you wish to display the featured image, title, category, and publish date for posts, here is a video that shows how you can set it –
Step 4 – Once you decide on a structure you wish to display related posts with, you can set the color and typography of your choice. Click on the Design tab at the top and you will observe dedicated options for related posts.
Here you can set –
Section TitleSection BackgroundContent ColorsSection Title FontPost Title FontMeta Font
This article is contributed by Marine Larmier from the Toolset team. Thanks a ton, Marine!
Toolset allows you to create custom post types, and design content templates. Astra theme is Toolset custom types compatible, meaning that you can control theme settings per different template.
Below is a quick video that explain how Astra theme & Toolset work together:
In this step-by-step tutorial below, we will show you the power of Toolset when used with Astra, no extra PHP is required. We also have reference sites where you can experience it by yourself, for free. Simply activate Astra theme, and start to play with it.
Contents:
Getting Started – Installing Toolset pluginsAdd custom post types, taxonomies and fields to AstraCreate templates for custom post types using Toolset Types & BlocksAssign different Astra theme options to each template or archive you createCreate advanced custom searches and display results as a list using pagination or infinite scrolling, sliders and on Google MapsFront-end forms for submitting content and registering usersControl access to your content built with Astra: membership sites & personal accounts.Using Astra, Toolset & WooCommerce: Single product template, comparison and much more. Try Toolset (30-day money-back guarantee available if you aren』t satisfied!).
1. Getting Started – Installing Toolset pluginsWhen you purchase Toolset, you will notice that it comes with several components. Download and install the following plugins from your Toolset account.
Types – lets you create custom post types, custom fields, and custom taxonomies.Blocks – helps you display your custom content and archives on the front-end. It also allows you to design templates, build custom searches for your visitors, and more.Forms – and/or register a profile on your site. In addition, the WooCommerce add-on provides extra e-commerce functionality to your forms.Access – lets you add custom user roles and control where each user role can visit on the front-end.Maps – lets you display your content on Google or Azure Maps.WooCommerce Blocks – allows you to customize standard WooCommerce product and shop pages by creating your very own templates.
Note that depending on the kind of site you want to build (e-commerce for example) you will need to make sure you have certain Toolset component plugins installed.
Create a custom post typeIn our example, we created 「Tours」Add some custom fieldsNumber, Address, Checkboxes, Gallery, URL etc.Add custom taxonomiesTour types such as 「family friendly」, 「Food Experience」, etc.
Read Toolset documentation to learn more about how to set up more options for custom post types, taxonomies and custom fields.
3. Create Templates for Custom Post Types Using Toolset Layouts for Astra
Toolset Blocks is a drag-and-drop builder that allows you to create templates for your custom post types. Your design can be built directly within the WordPress block editor by using the various Toolset Design Blocks provided. From grids to images, repeating fields, view loops, conditional fields and so much more, you can create the perfect front-end displays for your custom content. As an example, all the tours will be dynamically updated using the same content template.
Final Content Template built with Layouts drag-and-dropTour in Venice on the front-end using my content templateTour in Amsterdam using automatically the same template
One template for all custom post types.
Learn more about how to design template for your custom post types with Toolset.
4. Assign Different Astra Theme Options to Each Template or Archive You Create
Under the layout you just created, you will find the Astra Theme Options section. Use Toolset to control the theme options for each template you created. In our example, we will remove the header for all of our Tours:
Removing the header for the tours using Astra Theme Options section.Front-end results: Astra header is not displayed anymore.
5. Create Advanced Custom Searches and Display Results as a List Using Pagination, Infinite Scrolling, Slider or Google Maps
Toolset allows you to easily build custom searches based on custom post types and filters. This way, you allow visitors to filter the contents by different parameters you select. You』ll find below two examples of custom searches built with Astra and Toolset.
Learn more about how to build custom search with Toolset and Astra
And here are some examples of how you can display your contents on the front-end with Toolset and Astra:
My custom post types as a list with pagination. DocumentationMy custom post types on a map. DocumentationMy custom post types as a slider. Documentation
6. Front-end Forms for Submitting Content and Registering Users: Toolset Forms
Another possibility is to allow users to submit content from the front-end of their site built with Astra. For example, you can allow visitors to submit a tour, a property, a guest post, a testimonial, and much more.
You can also select the predetermine of each submitted post – i.e. published, draft, etc.
For more info on Toolset Forms』 vast array of options, take a look at this comprehensive free video course.
7. Control Access to Your Content Built with Astra: Useful for Membership, Privileges and User Roles.
Toolset allows you to have complete control over who can access the contents in your site, from the custom fields to the front-end pages, forms, and more. Learn more about how to control what user can access or not according to his role and login status.
8. Using Astra, Toolset & Woocommerce – Create Custom Product Template, Products Comparison and Much More.
Design the templates for displaying your single WooCommerce Products as well as custom Product Listing pages. Check out this free video course to learn how to develop custom WooCommerce sites with Toolset.
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.
