入門歸檔 - 第 29 頁共 38 頁

Footer Spacing Controls

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.

Make sure you have activated the module from Appearance > Astra Options > Spacing.

It provides a spacing option for Footer Widgets as well as Footer Bar.

Footer Widgets

The spacing option for the footer widget will be available when you activate the Footer Widgets addon from Appearance > Astra Options > Footer Widgets.

To access these settings navigate to Appearance > Footer > Footer Widgets. Footer Widgets Padding will add padding for the footer from all sides.

Note: To add widgets to your Footer, navigate to Appearance > Widgets and add the needed widgets to the Footer Widget Areas.

Footer Bar

It will add padding to the main footer (copyright area) from all sides.

How to Add Background Images?

Astra version 1.3.0 and above provides a feature to add background images to various sections of the site.

You can enhance the design of the Body, Header, Content, Sidebar, and Footer of your website with this option. In addition to the previous background color option now you can see the background image option as well.

Where can I find the option?

From your WordPress dashboard navigate to Appearance > Customize and under various areas, you will find settings to upload background images

Where can I add a background image to Astra theme?

With Astra theme, you get an option to add a background image to following areas-

Body (?)Footer Widgets (?)Footer Bar (?)

Background image for Astra Pro Modules

In addition to Body, Footer Widgets, Footer Bar section, you get an option for following modules of Astra Pro –

Primary Header (?)Above Header (?)Below Header (?)Content (?)Sidebar (?)Note: Background option might be visible only if you have Colors & Background module enabled from Astra Pro.

Options for Background Image

Background image option allows you to choose an image from media library or you can upload a new file. After uploading the image, click on More Settings option. Now you can set following CSS properties for the image –

RepeatBackground Image PositionBackground SizeBackground Attachment

You can adjust the background color overlay with color picker. A nice transparent layer of color above image will enhance the background image design.

Important Notes:

After adding a background image, make sure to adjust the opacity of background color with color picker.Background applied to the body will not be visible for Full Width/ Stretched – Container Layout as in this layout width of the container is stretched to the fullest.

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.

Do Not See License Activation Form for Astra Pro Addon Plugin?

If you do not see the license activation form for Astra Pro, chances are —

1. Astra Pro plugin is not installed

Make sure you have installed and activated the Astra Pro plugin. See How to Install Astra Pro Addon plugin?

2. Astra Pro plugin is not able to find the theme installed on your website.

This can happen if the theme folder is renamed. To verify and fix, follow the steps below:

Login to the FTP of your website and go to wp-content/themesEnsure you have a folder: astraIf it is something else, rename the folder back to astra (or just reinstall Astra theme)

Renaming the theme folder can be a cause of many problems. WordPress recognizes themes by the folder and it is strongly recommended not to rename folders unless there is the intention behind.

3. Astra theme has a stable version while Astra Pro has a beta/RC version or vice versa.

Check if the theme and the plugin both have a stable version. Else both should have a beta/RC version. Sometimes if the versions are different the license box does not display.

How to Remove Previous and Next Link from a Single Blog Post?

If you wish to remove the navigation (Previous and Next) links from the single blog post, this article is for you.

The navigation links can be removed with the filter. Below is the code for the required filter-

add_filter( 'astra_single_post_navigation_enabled', '__return_false' );

Where should I put this code?

We recommend you to put the filter code in the child theme』s functions.php file. Below are the steps that explain how to put the custom code into the child theme』s functions.php-

Install and activate Astra Child Theme.Open your WordPress site via FTP. We would recommend you to use FileZilla. Navigate to wp-content > themes > astra-child Right click functions.php and select View/EditAdd your code at the bottom of the file and save it.

It will remove the navigation link from all single blog post.

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!

How to add Google Analytics code with Astra theme?

Google Analytics code can be added to the Astra theme with Astra Hooks plugin. 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-

Download Astra Hooks plugin. Install it like any other WordPress plugin and activate it.From the WordPress dashboard navigate to Appearance > Customizer > Hooks > Header > wp_head.Add the code with wp_head action.Publish it.

Other Notes:Astra Pro Addon plugin users can add Google Analytics code with Custom Layouts Module. (Recommended)

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.

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

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.