Everything You Need to Build a Stunning Website Faster than Ever Before!
Menu
Performance Focused
No jQuery
Astra uses Vanilla JavaScript that prevents render blocking jQuery to come in the way and affect performance.
Loads in just half a second!
Astra is built for speed and fully optimized for performance. Being the most lightweight theme, it loads in less than 0.5 seconds!
Self Hosted Google Fonts
Astra offers functionality to fetch the Google Fonts on your website and store them locally on your server. As a result, fonts will load faster and improve the Core Web Vitals (CWV - CLS) score.
You can set colors and fonts that integrate well with your brand, and easily manage the colors and typography of the entire website.
WooCommerce Ready
Astra is completely WooCommerce ready and helps you build and design your store through the customizer itself. You can build a fast and attractive store today!
Typography presets are a ready set of font options for text and headings. Choose suitable fonts just with a click for a better user experience.
Google Fonts
Astra lets you select from as many as 700+ Google fonts to make sure you get the best typography for your website.
Responsive Font Size
Astra allows you to control your typography size according to the device it will be viewed on. You can select different font sizes for different devices.
Font Size PX, EM
Wish to use your favorite unit to determine the font size? Astra lets you set them in PX or EM. Choose the one you are familiar with.
Custom Fonts
Wish to use a custom font on your website? With the free Custom Fonts plugin, you can import and use any custom font you like.
Paragraph Margin Option
Astra gives you an option to manage the spacing between paragraphs and around them using the paragraph margin option.
Text Transform
Astra supports text transforms for your heading tags. You can select a uniform text format for a particular heading tag.
Colors & Background
Primary Header
Astra gives you a series of options to control the colors and background within the primary header on your website. You can change them for mobile and desktop.
Below Header
Do you wish to change the color and background in your below header? Astra lets you change the colors of everything within it.
Sticky Header
Astra gives you a series of options to control the colors and background within the sticky header on your website.
Blog / Archive
You can manage the colors on your blog or archive pages through Astra’s customizer settings for colors and background.
Sidebar
Have you ever thought of customizing the colors and background of your sidebar? You can do so using Astra’s colors and background settings in the customizer.
Above Header
You can manage the colors and background on your above header too! You can set different colors and backgrounds for a mobile device.
Transparent Header
You can set different colors and modify them easily on the transparent header as well! Astra gives you easy color and background settings within the customizer.
Content
Astra gives you an easy interface to manage the colors of different types of content from a single place. You can control colors for heading tags and more.
Single Page
Do you wish to manage colors and background on the single pages of your website? Astra allows you to control them through the Customizer.
Footer
Along with everything within the headers, the sidebar and the overall page, Astra gives you various options to manage colors on the footer too.
Blog Layouts
Grid Layout
Showcase all your blog posts in a grid layout on your blog page using the blog layouts in the Astra theme.
Masonry Layout
Want to display your blog posts in a trendy masonry layout? Astra offers you this awesome layout to display all your posts.
Date Box
Astra allows you to display a trendy date box for every post element that you add on your blog page. Display the published date in style!
Blog Structure Control
You can manage how individual posts are shown on a blog page. Control the structure by placing the feature image, title and meta text in order.
Post Pagination
Astra allows you to add stylish pagination to distribute your blog posts within several pages that can be accessed through the buttons below.
Related Posts
Astra makes it easy to display related posts on all single posts. You get total control to customize the layout and look of related posts.
Set your blog page to display your blog posts in a list layout that will place every post one after the other.
Highlight First Post
Do you want to users to make sure they have read your first post? Astra allows you to highlight the first post in your list.
Excerpt Count
The excerpts act as a summary of the post. You can fetch respective excerpts to be displayed with every post on the blog page.
Blog Content Width
You can manage the content width of your blog page using the Blog content width option. This option changes the container width of this page.
Infinite Loading
You can select the infinite loading option that keeps loading blog posts on the same blog page as the user continues scrolling below.
Global Designs Options
Global Color Palette
With Astra, you can create a dynamic color palette and control colors across your entire website from one place. Build your own palette and use it globally.
Left Logo Header
Astra lets you display your organization logo on the left side of your header. Align it on the left and use the remaining space for the other content.
Right Logo Header
You can display your website logo in your header and align it to the right using the logo settings within the Astra theme.
Above Header Content
Astra lets you add all types of content within your website’s above header. Want to add HTML code, widgets, shortcode or just plain text? You can do that!
Above Header Layout
With easy to use layouts, Astra allows you to manage and control the layout of your above header along with the content on it.
Flexible Footer Layouts
Astra offers a variety of options to select a flexible footer layout to contain different types of content such as widgets. Text, HTML code, shortcodes, etc.
Clone/Delete Header/Footer Elements
Cloning will create an exact copy of elements and delete will remove unused elements to clear up space. This will save you time while working with the visual header footer builder.
Want to show your logo in the central portion of your header? Astra allows you to align your logo and place in the center on your header.
Mobile Header Designs
Astra allows you to add breakpoints and display flyouts, the hamburger menu and more according to your needs of your website.
Below Header Content
Astra allows you to add different widgets, HTML content, shortcodes and more to manage the content within your website’s Below header.
Below Header Layout
Wish to change the layout of the below header on your website? Astra gives you the option to manage the below header layout along with its content.
Footer Bar Layout
Astra lets you select the right layout you want to display with the Footer bar on your website. You can select and manage content within it.
Web Stories
Web Stories are an engaging way to display your website content just like Facebook or Instagram stories. You can share the latest happenings, highlights, and all exciting news about your business in modern style.
Prebuilt designs for buttons across the website. Style your buttons easily and quickly with a ready set of button shapes, sizes, and borders.
WooCommerce
Grid Settings
Astra’s WooCommerce module allows you to display your products in a grid layout that you can customize as per your needs.
Off-Canvas Sidebar
Astra lets you add an off canvas sidebar on the Shop page. This sidebar remains out of screen initially and can be triggered through a button or link.
Gallery Options
Display all your products in a product gallery on your Shop page. You can set the layout as grid or list and customize it further.
Sales Bubble Style
You can display trendy and attractive sales bubbles on your products that encourage quick purchase and boost sales.
Infinite Scroll
Do you wish to load all the products on a single page? You can do so my choosing infinite loading that loads products when the users scroll down.
Quick View
Astra allows you to enable the quick view option that lets users take a closer look at the product without opening it in a new page.
Dropdown Cart
When using Astra with WooCommerce, you can show a dropdown cart that lets users see the products that have been added to the cart or add one through it.
Integrations
LifterLMS
Astra integrates seamlessly with LifterLMS to help you build an attractive and distraction free online course website.
Following ideal coding standards and built for speed to create a good website structure, Astra comes with inbuilt schema markups making it an SEO friendly theme.
Astra Widgets
Address Widgets
The address widget of Astra allows you to frame and display your business address anywhere on the page without a line of code.
Social Icons Widgets
You no longer need a third party plugin to add social icons. Simply select the social network, add a link through the Astra theme itself.
Info List Widgets
You can add an info list anywhere on the page. Use various icons and create a good looking informative list on your page with Astra.
Site Builder
Custom Header
You can create custom headers using your favorite page builder. Build your own custom header and enable it on the entire website or specific pages.
We understand the need of a helpful knowledge base and have that for you. With every new feature, we make sure we have an article that explains it well.