Astra Pro and Astra released version 4.10.0 with a new dark mode color switcher, full compatibility with WordPress 6.8, and optimized accessibility and WooCommerce field handling to improve overall site performance.

This post introduces the global typography and color settings features in Astra theme, including font presets, body and headline font configurations, color palettes, and page builder compatibility instructions, which help to achieve page style consistency and efficient design management.

The Astra theme offers new container layout options, including standard width, narrow, full width and content boxed layouts, helping users quickly create visually unified and flexibly customized website pages according to their needs.

Astra theme's container styles feature lets you easily customize the appearance of your website, including "boxed" and "unboxed" styles for both standard and narrow layouts. Global and page-independent settings are supported to help create personalized, visually appealing page layouts.

This article introduces Astra theme to improve the CLS score of specific methods, including font localization, image size settings, SVG logo adjustment and dynamic content control, etc., to help optimize the stability of the page structure and load performance.

A comprehensive introduction to Astra theme's font presets and customizable typography features, including font families, font sizes, line heights, and more, to help quickly unify the site's text style and enhance the visual effect.

Learn how to add a WooCommerce Mini shopping cart to an older Astra header to improve site functionality. With the Astra Pro plugin, learn to add the cart to the main menu, above or below the header, and enable the Quick View feature and Off-Canvas sidebar to optimize...

Learn two ways to enable debugging mode in WordPress, including using the WP Debugging plugin and manually modifying the wp-config.php file, to help quickly troubleshoot common issues such as plugin conflicts, theme errors, and page exceptions.

Learn how to customize the features of WooCommerce single product pages with the Astra Pro plugin, from product headers, container layouts, sidebar settings, to image displays, and more, to create more engaging and interactive pages for merchants.

This article describes how to remove the border of WooCommerce cart icon and disable cart snippet to help merchants optimize website performance and improve page loading speed, especially for sites with slow hosting to provide a smoother user experience.

Details the fonts, colors, and functionality of the Astra Pro plugin for WooCommerce stores, including product display, input styles, and checkout flow layouts, to help improve the visual consistency and functionality of store pages.

A comprehensive introduction to how to use the Astra Pro plugin to adjust the structure and style of the WooCommerce store and checkout pages to improve the visual effect of the page and the efficiency of the shopping process, suitable for users who want to build a professional e-commerce site.

Detailed explanation of Astra Pro footer widget module layout and style settings, and provide CSS methods to make the footer fixed at the bottom of the page, suitable for blogs, e-commerce or corporate official web page design.

Describes how to add WooCommerce cart icons in Astra themes using the Astra Pro plugin, including old header settings, new builder layouts, short code calls, and numeric color adjustment methods.

Understand Astra Pro's Below Header module, master the content layout, style settings and mobile optimization methods, and improve the ability to display information at the top of the website and structure clarity.

Learn about the Spacing Addon module in the Astra Pro plugin and how to set up margins and inner margins in WordPress websites. This article introduces the module features, common application scenarios and setup paths to help build a clear structure of the page layout.

A comprehensive analysis of the Spacing Addon module of the Astra Pro plugin, covering how to set the spacing of site logos, containers, footers, and sidebars to improve page hierarchy and typographic clarity.

Use Blog Pro module in Astra Pro plugin to add post filtering function to blog archive page, which improves the content searching efficiency and optimizes the page structure, suitable for multi-category content websites.

When using Astra theme, you can set different menus according to the page content. This article introduces three methods, including Page Header module, custom header and Conditional Menus plugin, to help you achieve page navigation switch.

Learn how to use the Astra Theme Site Builder to easily create and manage different layouts for your website, set display conditions, enhance the customization experience, and ensure that layouts display correctly on different devices and pages.

Learn how to use Polylang to add multilingual layouts to Astra Site Builder, manually create and associate different language versions of content, and realize a multilingual site with a unified structure.

Get an in-depth understanding of the Above Header module functionality in the Astra Pro plugin, mastering the layout, content types, styles, and mobile settings of the top content area to optimize the site structure and information presentation.

Learn how the Blog Pro module in the Astra Pro plugin sets up a blog archive page with a number of configurations, including animations, layout, content presentation, pagination and typography, and more, to create a more aesthetically pleasing blog page.

An in-depth look at the Page Headers module in the Astra Pro plugin, explaining header layouts, background images, breadcrumb navigation, and menu settings to help you create design-conscious page header areas.

A comprehensive introduction to the sticky header feature in Astra Pro, including how to enable it, logo settings, blurred background effects, animated zoom and hide options to help you create a more attractive navigation bar.

Learn how to use the Hooks feature in Astra Pro's Site Builder module to insert custom content or code, customize headers, footers, 404 pages, and other structural areas of your WordPress site for efficient and flexible page layout management.

Comprehensively analyze the display settings of Astra Site Builder module, covering header, footer, template and other layout display conditions, supporting user roles, device types and time period control, to achieve more flexible page content delivery.

Master the Astra Site Builder and WPML translation configuration method, create independent layout content for each language, and realize the unified structure and clear expression of multi-language site.

Learn how to optimize your online store with Astra Pro with the Easy Digital Downloads plugin. This article explains how to enhance the design and user experience of your store pages with custom typography, color and background settings to help you create a personalized and professional online...

Learn how to use Astra themes with LearnDash 3.0 to optimize the design and functionality of your learning platform. This article describes the new features of LearnDash 3.0 and the compatibility settings for Astra themes, including useful techniques such as Legacy mode, color options, and custom layouts...