Author 诗语

Single post with Blog Pro

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 design a Single Post page using Blog Pro module available with Astra Pro. Please refer document, to begin with, Blog Pro module.

Astra theme provides basic options to style the single blog page. Refer a document here. While Blog Pro addon available with Astra Pro Addon adds premium features to this options.

Options available with Blog Pro addon are listed below –

Single Post Structure

It allows you to choose whether to display or hide post featured image, title, and meta. Just click on the 『eye』 icon to enable or disable the option.

Author Info

It displays Author information in the single blog post.

Auto Load Previous Posts

It will load the previous blog post below the current one on the same post page. Auto Load Previous Posts cannot be previewed in the Customizer. You would need to save changes, then it will appear on the front end.

Remove Featured Image Padding

It will remove padding around the featured image on the single post page. This option will work only with Boxed and Content Box container layout.

How to Merge Above/Below Header Menu with a Primary Menu in Responsive?

Above Header/ Below Header section with Header Sections module 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.

If you have set menu with either section in above/below header, you will see a separate hamburger for it in responsive devices.

If you are displaying a primary menu and above/below header menu- both, then you will see two separate hamburger menus in responsive.

If you do not wish to show two separate hamburger menu, you can merge them with a simple setting.

From dashboard navigate to Appearance > Customize > Header > Above/ Below Header. Scroll down to the end of the settings and enable the setting Merge Menu on Mobile Devices.

It will merge the header section』s menu with a primary menu in responsive. Primary menu items will be displayed on top of the header section』s menu items.

How to fix Fatal Error / White Screen of Death?

There are times when you see a white screen as soon as you install a new plugin or theme on your website. This is called the White Screen of Death (WSOD). The WSOD shows a blank screen when you try to access your website. There can be many reasons for this situation. You can find the reason for this with simple debugging and will be able to fix it with a few simple steps.

Fixing Fatal Error or White Screen of death is easy if you have FTP access to the website.

Follow the steps below:

Step 1: Log into your server via FTP. If you need help with this, get in touch with your host.

Step 2: via FTP, navigate to {your_wordpress_site}/wp-content/plugins/ Here, find the folder that is related to the plugin you activated or updated. The name will be similar.

Step 3: Rename this folder. This will force WordPress to deactivate the plugin. For example: change the name from astra-addon to astra-addon-x.

Step 4: The problem should be resolved. If not, the plugin folder you renamed was not the culprit. Rename other plugins you suspect. Repeat the steps above until you find the culprit.

Step 5: Contact the developer of the plugin / theme.

Other Notes:

Similarly, you can rename the theme folder and checking if it caused the issue by navigating to{your_wordpress_site}/wp-content/themes/If you need help with the FTP and this debugging, just contact your host and share this article with them. Generally, they will be happy to help you with similar errors.

Below is the quick fix video by our friend Adam from WPCrafter. Video shows how to overcome the WSOD error.

How to add Google Analytics code with Custom Layouts Module?

Custom Layouts module is available with Astra Pro. It provides hooks so that you can insert custom code at various locations on the website without editing the theme』s core files.

Please follow the steps to add Google Analytics code-

Activate the Custom Layouts module from Astra Pro. Insert the code in the Code Editor.Select Hooks layout and add wp_head action.Choose to display it on the Entire WebsitePublish the layout.

Typography Options for WooCommerce

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 customize Typography options for WooCommerce using the WooCommerce module available with Astra Pro. Please refer document, to begin with, WooCommerce module.

Activate the WooCommerce Module from Astra Options.

Typography options will be available under Appearance >  Customize > WooCommerce > Product Catalog > Typography and Appearance >  Customize > WooCommerce > Single Product > Typography

Below are the available tabs –

Base TypographyProduct CatalogSingle Product

Base Typography

From here you can set the Base Typography of your website』s content and the same would apply to the WooCommerce content.

Product Catalog

Product Title: Applies typography to product title on the shop page.Product Price: Applies typography to product price on the shop page.Product Content: Applies typography to product short description on the shop page.

Single Product

Title: Applies typography to product title on the single product page.Price: Applies typography to product price on the single product page.Breadcrumb: Applies typography to product breadcrumb on the single product page.Content: Applies typography to the product description on the single product page.

LearnDash Integration in Astra Pro

UPDATE – LearnDash version 3.0 offers two types of templates – Legacy and LearnDash 3.0. Following Astra Pro options are available only with Legacy mode.

To use LearnDash premium features available with Astra, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

This article details the options and features you can get with the LearnDash module in Astra Pro.

Quick Steps on How to Use the Advanced Features Using the LearnDash ModuleStep 1: Make sure you have the Astra Pro Addon and LearnDash plugin installed and activated. Step 2: Activate the LearnDash module from the Astra Options under the WordPress Dashboard > Appearance > Astra OptionsStep 3: Visit customizer [Appearance > Customize > LearnDash] to edit module settings

Once enabled, you will see new features and options as described below:

Distraction Free Learning

Enabling Distraction Free Learning option removes the navigation menu links from the header and footer from LearnDash single course pages, topics, lessons, and quizzes. It presents your content in a clean, simple format and helps your students stay focused.

Student』s Gravatar in Primary Header

Personalize the experience of your students who are logged into your LearnDash website by automatically displaying their public Gravatar image. You can link this image to any URL, such as the 「my account」 page.

Table of Contents: Border Radius

Tweak the Table of Contents exactly as you need with this option. It will make the edges of the table soft and rounded.

Table of Contents: Typography

Need a special font and typography for the LearnDash Table of Contents? No problem!

Table of Contents: Colors

And of course, you can customize the colors exactly as you want!

Fix for- cURL error 51: SSL: no alternative certificate subject name matches target host name 『websitedemos.net』

Facing the cURL error 51: SSL: no alternative certificate subject name matches target host name 『websitedemos.net』 while importing the Astra Sites?

Here is the fix.

If the SSL library installed on your server is outdated (OpenSSL/0.9.8b) you might come across this error while trying to download templates from our cloud. More details about the issue below:

The ProblemWhen the template cloud installed your site sends a request to our server, it goes through secure connections. These connections run through a firewall, which keeps our server safe from attacks such as DDoS. To be able to do that, we use a system called Server Name Indication (SNI). Every browser after IE6 supports this, and every major CURL version released after March 2008 supports this.

If your server is still using software older than that, this issue will be obvious.

The SolutionJust ask your hosting provider to update OpenSSL library and you should be OK. The OpenSSL version used should be 1.0 or higher that supports SNI. You may share this article with your host.

Technical BackgroundTo be able to use SNI, you need:

A version of CURL that supports it, at least 7.18.1. The CURL 7.18.1 was released on March 30th, 2008.This version of CURL should be compiled against a library that supports SNI, usually, OpenSSL 1.0 or higher as that enables TLS by default.

Getting error – The package could not be installed. The theme is missing the style.css stylesheet?

While trying to upload Astra Pro Addon plugin did you see following error-

If yes, below is the solution –

This error appears when users consider Astra Pro Addon as a theme and try installing it like any WordPress theme. However, Astra Pro Addon is a plugin that extends the Astra theme and adds more features to it.

So to fix this error, install Astra Pro Addon as a plugin through the WordPress backend as described below.

To upload a plugin zip, navigate to Plugins > Add New > Upload Plugin from the WordPress dashboard.

It will install the Astra Pro to your site. After installation, you will find settings under Appearance > Astra Options.

Checkout Page WooCommerce

In this document, we will see the options to customize the Checkout Page using the settings of the WooCommerce module of Astra Pro.

Quick Steps on How to Style WooCommerce Store Page Using the WooCommerce ModuleStep 1: Make sure you have the Astra Pro Addon and WooCommerce plugin installed and activated. How to Install Astra Pro Addon plugin?Step 2: Activate the WooCommerce module from the Astra Options under the WordPress Dashboard > Appearance > Astra OptionsStep 3: Visit customizer [ Appearance > Customize > WooCommerce ] to edit module settings

Following options are available under Checkout Page of WooCommerce –

Two-Step Checkout

It separately displays the Billing details and Your order sections. Initially, the Billing details form will appear, then the user can see the order summary and can proceed to checkout.

Display Order Note

It will display order notes at the bottom of the billing information. It contains notes about your order, e.g. special notes for delivery.

Display Apply Coupon Field

The coupon field will be visible at the top of the checkout page. If you don』t want want to display any system for coupons you can disable it.

Distraction Free Checkout

When you enable this option, the menu in the header and the 1st footer of the website disappears on the checkout page. The option of Distraction Free Checkout overrides the header and footer settings.

Use Labels as Placeholders

It will display form labels as a placeholder. This will reduce the height of the billing information form.

Persistent Checkout Form Data

It will retain the Checkout form fields even if the visitor accidentally reloads the checkout page.

Parent Document –

WooCommerce Module Overview

Cannot edit Custom Layouts / Custom Layouts having 404 error?

Getting 404 error while trying to edit the custom layout?

If you are using Custom Layout module available with Astra Pro. And all the layouts show 404 error when you try to edit it. Please flush the WordPress permalinks.

How to flush the WordPress permalinks?

When a new post type is registered they need to be flushed.

Navigate to Settings > Permalinks from the WordPress dashboard.Click 「Save Changes」.

In case you still face the issue, clear cache of your browser, as sometimes the browser renders the older version of a page that it had saved in memory.

Related Docs –

How to Refresh / Flush WordPress Permalinks?