LiveChat 
Support 
Style guide and design options to follow!
This is an important update, especially for those of you who enjoy customizing web templates or tweaking designs!
The big news in Astra 4.8 is the brand new style guide.
It is a unique dashboard that gives you a central place to customize the style of your template.
See it in action
This allows you to see changes in real time and create a consistent look in seconds.
It’s a great new addition to Astra’s already powerful customization features!
Astra 4.8 also offers a number of improvements and fixes that make working with it a breeze!
The Style Guide feature is designed to centralize the most common site settings in one place, making it quick and easy for you to get started.
Mehedi Hasan, Product Manager at Astra
Let’s take a look at what’s new.
Astra 4.8 is here and it’s going to change everything! I love the new #AstraStyleGuide and the improvements!
Name of the author
Tweet
New features in Astra 4.8
The Astra Style Guide is the main feature of update 4.8, but there are also numerous improvements and bug fixes.
Astra Style Guide
After the update, Astra 4.8 introduces a brand new dashboard in the customizer.
Choose Astra > Adjust from the WordPress dashboard and you will see a new pencil icon at the top left of your screen.
Click on the icon and you will see the new Style Guide Dashboard.
From here you can experiment with colors, typography, buttons and icons in one place.
- Change a style to instantly see how it works with other page elements
- Change a color and see how it works with your buttons
- Change the font of a heading to see how it looks compared to the body text.
It’s an incredibly simple idea that will fundamentally change the way you design websites!
Instead of making a change and reloading a page or switching between elements to see what they look like, you can see a true representation on the same screen.
As far as we know, no other WordPress theme has this groundbreaking feature!
Using the Astra Style Guide
Select a color in the center and the global palette will appear on the left. When you make a change, it will immediately appear in the main Style Guide window.
From here you can select a style preset or customize the colors.
Whatever you change, you will see it in real time in the main window.
The same applies to typography.
In the Style Guide window, select a heading or body text to access the corresponding customization menu on the left.
Change a font and see it displayed in real time on the right.
When you make a change, you’ll see each instance of that font change dynamically, so you can instantly see what it looks like.
Just like colors, you can choose from font presets to change everything, or change each font individually.
In any case, you will immediately see the change on the right side of your screen.
Select the option to change a single font. The font family selection menu will appear as usual.
Here you can change the family, weight and size for each individual font on the page.
The Astra Style Guide also lets you preview changes to your logo, favicon, and buttons, so you can create a consistent look or brand the entire site at once.
This is a quick and effective way to design a website and easily customize, experiment with, or personalize it to match your brand.
The eagle-eyed among you may notice that not every customization is included in the Astra Style Guide.
This is intentional.
We wanted to ensure ease of use, so we only included the customizations we made most often.
All other customization options can still be found in the WordPress Customizer.
We just added features, nothing removed!
Further updates and improvements in Astra 4.8
The Astra 4.8 update brings a number of improvements that make living and working with it easier than ever before.
Here is a list of improvements you can expect:
- Improved styling for block-based shopping cart and checkout.
- The SVG logo in the header now redirects to the homepage.
- Added default top padding for SureCart store title.
- Improved smooth scrolling for deeply nested elements.
- Improved keyboard navigation for the Quick View and Add to Cart buttons in the Modern Shop.
- The astra_addon_enable_modern_checkout filter has been added to enable or disable the modern checkout feature.
- Dynamically designed alt tags for mega menu icons to ensure unique alt attributes for each image.
Our team is constantly looking for issues to fix and more fixes will arrive over the next few weeks.
Astra 4.8 Update
We would like to sincerely thank the entire Astra development team for their hard work and delivering a fantastic new usability feature.
We think the Astra Style Guide is an amazing addition to an already powerful WordPress theme.
Whether you’re building your first website or you make a living building websites, we’re confident the Style Guide will make your life a lot easier!
Add in all the other smaller but equally useful improvements and important fixes, and you have a solid update.
Click on Update Next time you’re in WordPress, click the button to install Astra 4.8. We can’t wait to see what you create!
What do you think of Astra 4.8? Do you have any suggestions for future updates? Is there anything you would like to see added to Astra?
There are no limits with Astra’s premium plans. Check them out here!
Abhijeet Kaldate is the co-founder and CRO of Brainstorm Force. With a keen eye for detail and a knack for getting things done, Abhijeet oversees the company’s operations and manages key areas such as HR, marketing, design, and finance.
Announcement: This blog may contain affiliate links. If you make a purchase through one of these links, we may receive a small commission. Read the disclosure. Rest assured, we only recommend products that we have personally used and believe will provide value to our readers. Thank you for your support!
