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.
Less than 50 KB
Astra requires less than 50KB of resources as compared to 100s required by the other WordPress themes.
Optimized code
Astra uses default WordPress data and follows the best coding standards to make sure that every piece of code is optimized.
Powerful Design Options
Layouts
Use layouts to manage the layout of the website container such as the headers, blogs, single pages, posts, etc.
Transparent Header
Use the transparent header that sets a transparent header background and pulls the page up, merging both of them.
Mobile Headers
With this, you can customize and adjust header breakpoints, set a different logo, menu styles, colors, etc. for a mobile device.
Mega Menu
Create beautiful templates with your favorite page builder or drop in a shortcode to include a layout within a mega menu on your website.
Dedicated Sidebar
With Astra, you can create page specific sidebars that can override the settings and customizations of the default sidebar on your website.
Header and Footer Options
Astra comes with several inbuilt header and footer options that can be extended further with the Astra Pro addon.
Sticky Header
This is a header that sticks on top of the page even when the user scrolls. It allows quick access to the menu from any part of the page.
Page Headers
You can add custom page headers and set display rules to show them up on specific pages and posts of your website.
Colors & Typography
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!
Site Layouts
Boxed
Astra lets you display your primary content in a boxed layout to distinguish it from the other content seen on the page.
Padded
You can insert specific margins on the edges of the content to give it a padded look. Astra’s padded layout lets you do this easily.
Spacing Control
The Spacing Addon of Astra allows you to manage the margins and paddings around all the elements and overrides the default space settings.
Full Width
Astra comes with a default full width layout that lets you use the entire width of the primary content on your website.
Fluid Layout
Astra gives you an option to choose the fluid layout that lets you stretch the entire website till the ends of the screen.
Default Container
Astra gives you a default container, called the primary container with its own specific layout and settings within the customizer itself.
Typography
Presets
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.
List Layout
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.
Center Logo Header
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.
Button Presets
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
LearnDash
Astra integrates seamlessly with LearnDash to help you build a user-friendly and attractive website to offer online courses.
SEO Optimized
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.
Custom Layouts
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.
Custom 404 Page
With Astra, you can design an attractive custom 404 page with content of your choice and that looks far better than the default 404 page.
Display Conditions
You can choose to display a custom layout across the entire website or select specific pages you wish to show them up on.
Custom Footer
Astra lets you build custom footers with your favorite page builder and use them on the entire website or particular pages you wish to show it on.
Custom Layout – Hooks
With hooks you can inject custom code and content anywhere you wish to add them. Astra offers various action hooks you can choose from.
Custom Layouts Inside Gutenberg Pages
You can design a custom section with your favorite page builder and display it at a specific location on selected Gutenberg pages/posts.
Support
Video Tutorials
With detailed video tutorials and practical demonstration, we make sure that you understand every nook and corner of the theme and modules.
In-Depth Articles
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.
24/7 Support
With a dedicated team on board, we do not let you feel left out. Should you need help, we are just an email away!