← Back

Astra WordPress theme - How to Customize and Style it

Learn how to easily customize your Astra powered website by visually editing each element. You'll just need to install and activate the CSSHero WordPress plugin.

About this Theme

The Astra WordPress theme is one of the fastest and more versatile themes available in the WordPress repository. Using special templates the theme is compatible with all page builders and offers free starter themes to import in no time. The starter themes are beautiful and each one can be customized further with the customizer, they are organized per subject and page builder. At the moment they require the Elementor or Beaver Builder plugins.

Code, speed, SEO

Astra excels in speed, the theme is less than 50kb and replaces JQuery with JS for faster rendering. Schema markup is also included making your website more accessible to search engines, great start for SEO.

Main Features

  • Responsive
  • Dozens ready themes to import
  • Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi,
  • WooCommerce Ready
  • Regularly updated
  • Great support

A sample of the ready themes you can import

astra-wp-astra-sites

astra-wp-astra-sites

A quick view of the customizer options

If you use (or plan to use) this Theme...

CSS Hero can help you deeply and quickly customize the Astra Theme, solving some common issues like:

  • How to customize fonts in the Astra WordPress Theme, to make font biggers or change typeface for titles and header texts
  • How to change CSS background image on the Astra WordPress Theme and build background fades
  • How to change colors and styles on Astra WordPress Theme
  • How to change size of page width
  • How to change CSS style of top navigation buttons
  • Customize the CSS style of navigation menu on the Astra Theme
  • How to customize the footer on the Astra WordPress Theme
Theme Author Website Visit Theme Author Page

User Feedbacks

Seriously cool plugin: Customize #WordPress #themes with @CSS_Hero

This app is sweet. It writes your custom CSS for you whiel building sites. I used it with Wordpress & Elementor Pro to tweak it to my specific look. Customize #WordPress #themes with @CSS_Hero

Customize #WordPress #themes with @CSS_Hero :: Super excited to have this little gizmo today! ::

I'm into Web Development now, I use components to save time. Sadly, many are "not really ready". I have to style using CSS. I don't know anything about CSS. WYSIWYG CSS editor CSS Hero makes it easy for me: #WordPress #themes with @CSS_Hero

Customize #WordPress #themes with @CSS_Hero because wordpress layouts alone are boring.

Love @CSS_Hero. It makes it so easy to target selectors in @BeaverBuilder WordPress sites in order to write custom css. Even detects if you've added a custom ID to a module.

This is proving most useful! Customize #WordPress #themes with @CSS_Hero

Having a go with @CSS_Hero so I don't have to bother with downloading and uploading css files. Plus you can see the changes live.