- How To Install the Astra Theme
- System Requirement for Astra Theme
- What Is a Child Theme and How To Install It for Astra?
- Manually Install Astra via FTP
- How to Update Astra Theme Manually?
- Automatic Beta Updates for Astra
- Astra 4.2.0-beta.1 : Migrations & Backwards Compatibility
- Know More about Astra Beta Versions? How to Download and Use?
- How to Set Up a WordPress Multisite Network and Use an Astra Child Theme
- Getting Started with Astra Pro Addon Plugin
- What is Astra Pro Add on?
- How to Install Astra Pro Plugin?
- How to Get License Key of Astra Pro?
- How to Activate Astra Pro Addon License?
- How to Fix “The Package Could Not Be Installed. The Theme Is Missing the style.css Stylesheet” Error
- Why Can’t I Access Astra Pro Features After Purchasing the Pro Version?
- Do Not See License Activation Form for Astra Pro Addon Plugin?
- How to Fix “Sorry, You Are Not Allowed To Access This Page” Error In Astra Pro
- How to Download Your Purchase Invoice
- How to Manage License on Store?
- How Do License Upgrades Work?
- How To Update Your Payment Method?
- How to Process Refund Requests?
- How to Apply For Brainstorm Force Affiliate Program? (Become Astra Affiliate)
- Frequently Asked Questions – VIP Priority Support
- How do I check my Support Ticket History?
- How To Create a Header With Astra Header Builder
- How To Create Mobile Header With Astra Header Builder
- Why Is My Logo Blurry?
- Astra – Customize the Submenu
- FAQs – Astra Header/Footer Builder
- Elements in Header/Footer Builder With Astra Theme and Astra Pro
- Add Multiple Elements in Header Footer Builder
- FAQs – Astra Header/Footer Builder – Existing Customers
- Clone Elements in Header Footer Builder
- How To Manage Sidebars in Free Astra Theme
- Understanding Sidebar Style in Astra Theme: Customizing Your Sidebar’s Look
- Sticky Sidebar
- Scroll To Top
- How to Display a Breadcrumb Anywhere within a Page or Post with Shortcode?
- Find the Way With Breadcrumbs
- How to Change the “HOME” String in Breadcrumbs
- How to Switch From Existing Breadcrumb to New Trail?
- How To Add Breadcrumbs in WordPress Website with Astra
- Blog Overview
- Blog / Archive
- Single Post
- Display Related Posts on Single Blog Post
- How to remove an Author’s name from a Single Blog Post?
- How to Remove Astra Post Excerpt from the Post Archive
- Show “Last Updated” or “Published Date” on Blog
- The Recommended Size for Featured Image
- How to add a Blog page banner/title with Astra
- How to Keep Accordion Closed for Single Product Description
- How to Change the Heading Tag for WooCommerce Product Titles in Astra
- Astra WooCommerce Mini Cart Shortcode
- WooCommerce Module Overview
- How to Design a Product Catalog Page or Shop Page Using WooCommerce Module in Astra?
- Single Product WooCommerce
- Checkout Page WooCommerce
- Colors & Background Options For WooCommerce
- Typography Options for WooCommerce
- How to Disable EDD Inbuilt Styling?
- How to Add Download Archive Pages to the Menu When Using Astra with EDD?
- How to Add EDD Cart in Header? (Old Astra Header)
- How to Display a Mini Cart Anywhere Using Shortcode? (Astra and EDD)
- EDD – Easy Digital Downloads Module Overview
- General – EDD Module Options
- Product Archive – EDD Module Options
- Single Product – EDD Module Options
- Checkout Page – EDD Module Options
- Footer Custom Text Helper Strings
- How To Disable Right Click in WordPress
- Increasing the PHP Memory Limit of Your Website
- How To Disable Header or Footer for a Landing Page or Post
- Where Does Astra Primary Color Setting Take Effect?
- How To Adjust the Width of Your Sidebar
- How to Update the Plugin Manually from WordPress Backend?
- Recommended Settings for Elementor and the Astra Theme
- Recommended Settings for Beaver Builder and the Astra Theme
- How To Translate Site Builder With WPML?
- How To Make Astra Multilingual With WPML
- How to Translate Astra Strings with WPML?
- Translating the Advanced Custom Fields with WPML
- How to Turn Astra Website Multilingual with Polylang?
- How to Translate Categories, Tags, and Astra Strings with Polylang
- How to Turn Astra Website Multilingual with TranslatePress?
- How to Translate Astra Theme / Plugins in Your Own Language using GlotPress?
- Translate Site Builder Layouts Using Polylang
- Fix for – The PCLZIP_ERR_BAD_FORMAT (-10) Error
- Host Google Fonts Locally – Performance Is the Key
- Fix for – Parse error: syntax error, unexpected T_FUNCTION
- How to fix Fatal Error / White Screen of Death?
- Fix for- cURL error 51: SSL: no alternative certificate subject name matches target host name ‘websitedemos.net’
- ‘The preview could not be loaded’ Pop Up with Astra and Elementor
- Troubleshooting Steps ( with Health Check & Troubleshooting plugin )
- How to Deal with Update Issues in Astra Theme and Astra Pro Addon?
- Blog Featured Image Size Not Working / Error in Image Processing Library
- How to Change the Default Astra Strings
- Using Hooks in Astra
- How to Change the “Scroll To Top” Icon in Astra?
- Astra Pro WP CLI Commands
- How to Add Custom PHP Code?
- How to Disable the Loading of Astra’s Default Font File? (Astra.woff)
- Disable Featured Image on Posts, Pages, or Other Post Types
- Change Sidebar Widget Title Heading Tag
- Disable All Meta Settings of Page or Post by Default
- How to Change Website Logo Destination URL
- Remove Primary Navigation Menu with Hook
- Change the Astra Header Breakpoint Width
- How to Disable Primary Header?
- Add Title attribute to Header Background Image as a Substitute for Alt Text
- How to Change HTML tag for Site Title and Tagline?
- How to Change the Heading Tag for the Page/Post Titles?
- How to Change the “Search Results For” String
- Change Placeholder for Search Box (Old Astra Header)
- How to Change Previous and Next Link Text from a Single Blog Post?
- How to Remove Featured Image Link on Archive Page?
- Filter to Remove Link From Featured Images on Blog Page
- Blog Featured Image Size Not Working / Error in Image Processing Library
- Filters to Support CPTs for Blog Meta and Single Blog Meta
- How To Change Navigation Links Text for a Blog Archive?
- How to Display the Post Category as a Related Posts Title?
- Change “Leave A Comment” title tag
- Customizing Social Profile Links for Individual Authors in Single Posts
- Change Woocommerce Out of Stock Text
- How to Modify/Change the Quick View text?
- Filter to Add Global Button Settings Support for WooCommerce Buttons
- Change the “Shopping Cart” Text for WooCommerce & EDD Mobile Header Cart
- Fix Woocommerce Cart Becoming Transparent With Header Builder
- Restrict Search Results to WooCommerce Products Only
- How To Hide Quantity Number When the Woocommerce Cart Is Empty?
- Remove Astra Customization for WooCommerce
- Remove Woocommerce Product Category Archive Title
- How to Add Custom CSS Code Without Editing Theme Files?
- How to Highlight a Certain Menu Item?
- How to Design Bullets & Lists?
- Dim Content on Menu Hover
- How to add custom CSS and JavaScript to Astra theme
- How To add Custom CSS for Specific Pages
- How to Create Custom CSS using Inspect Element Tool?
- Display Coupon Field on Checkout & Cart Pages
- Always Show Order Summary on Mobile (Astra Modern Checkout)
- Fix Swap Sections Not Working on Mobile (Old Astra Header)
- How to Remove Google Fonts Suggestions in Astra Theme?
- Remove default stretched block layout spacing
- How to Change the Logo on Specific Pages?
- How to remove horizontal & vertical gallery layouts from a single product page?
- Introducing New Filter to Enable/Disable Rank-Math Theme Support
- Enable/Disable YouTube videos from Astra admin dashboard
- How to Fix the Line Height Unit being converted to “EM”?
- How to Change WordPress Post labels to Projects
LearnDash Integration in Astra Pro
The LearnDash module in Astra Pro adds extra options to the Customizer for websites that use the LearnDash LMS plugin. The options help you simplify the learning pages for students, show the student’s profile picture in the header, and match LearnDash colors and fonts to your Astra design.
Requirements: The Astra theme, the Astra Pro Addon plugin, and the LearnDash plugin must be installed and active on the website.
Which options work with which LearnDash template
LearnDash has two templates, LearnDash 3.0 and Legacy. To check which one your site uses, go to WordPress Dashboard → LearnDash LMS → Settings → General → Design & Content Elements and look at the Active Template setting. For more details, see Astra Compatibility with LearnDash Version 3.0.
If you are wondering why an option is missing in the Customizer, the active template is the most common reason. The options are split like this:
- Both templates: Distraction Free Learning, Display Student’s Gravatar in Primary Header, and Profile Picture Links to.
- LearnDash 3.0 template only: Check this if you wish to overwrite LearnDash Colors, and the Colors group (Link Color, Highlight Color, Highlight Text Color, Progress Color).
- Legacy template only: Table Border Radius, Header Font and Content Font (Typography), and the table Colors (Heading Color, Title Color, Icon Color, Separator Color).
Quick Steps on How to Use the Advanced Features Using the LearnDash Module:
Step 1: Make sure the Astra Pro Addon plugin and the LearnDash plugin are installed and activated.
Step 2: Activate the LearnDash module from WordPress Dashboard → Astra → Dashboard, under the Modules section.
Step 3: Go to Appearance → Customize → LearnDash to change the settings.
Once enabled, you will see new features and options as described below:
Distraction Free Learning
If you want students to focus on the lesson without the site menu around it, turn on Distraction Free Learning (shown as Enable Distraction Free Learning with the Legacy template). Go to Appearance → Customize → LearnDash and switch it on.
When enabled, the main menu and extra links are removed from the header and footer on LearnDash course, lesson, topic, and quiz pages. The header keeps only the site logo (and the student’s Gravatar, if that option is on), and the footer keeps only the small footer bar with your copyright text. This applies to logged-in students who have access to the course. Other visitors still see the normal header and footer.
Student’s Gravatar in Primary Header
To show a logged-in student’s profile picture in the header, go to Appearance → Customize → LearnDash and turn on Display Student’s Gravatar in Primary Header. The picture comes from the student’s public Gravatar image. It is shown only to logged-in users.
Important:
This option works only with the Legacy Header (the older header, not built with the Header Builder). It does not work with the new Header Builder, which is the default on new sites. With the Header Builder, the option can be turned on, but no picture is added to the header. The two cases are explained below.
If your site uses the Legacy Header: After the option is on, a text field named Profile Picture Links to: appears. Enter any URL, such as the “my account” page, to make the picture a link. If the field is left empty, the picture is shown without a link.
If your site uses the new Header Builder: Use the shortcode [astra_learndash_profile_link] instead. Add it to an HTML element in the header (Appearance → Customize → Header), or place it in any other area such as the footer, a sidebar, or a widget. To make the picture a link, add the link attribute, for example [astra_learndash_profile_link link="https://example.com/my-account/"]. The full steps are in LearnDash Shortcode to Add Profile Link.
If you are not sure which header your site uses, open Appearance → Customize → Header. A site with the Header Builder shows the builder area with draggable elements at the bottom of the screen. A site with the Legacy Header shows the older header options instead.
Table Border Radius (Legacy template only)
To round the corners of the LearnDash course content tables, go to Appearance → Customize → LearnDash and move the Table Border Radius slider. The value is in pixels, from 0 to 50.
Note: This option appears only when the LearnDash Legacy template is active.
Typography (Legacy template only)
To set a custom font for the LearnDash tables, go to Appearance → Customize → LearnDash and open Header Font (for the table headings) or Content Font (for the table rows). Each one has Font Family, Font Weight, Text Transform, and Font Size (set separately for desktop, tablet, and mobile).
Note:
These options appear only when the LearnDash Legacy template is active. With the LearnDash 3.0 template, the LearnDash pages use the typography set under Appearance → Customize → Global → Typography.
Colors for the Legacy template
To change the colors of the LearnDash tables, go to Appearance → Customize → LearnDash. The Legacy template shows these color groups:
- Heading Color: text color (Normal) and Background of the table headings.
- Title Color: text color (Normal) and Background of the lesson and topic rows.
- Icon Color: the Complete and Incomplete status icon colors.
- Separator Color: the line between the rows.
Note:
These options appear only when the LearnDash Legacy template is active.
We don't respond to the article feedback, we use it to improve our support content.