# Customising your AI Starter Site with Astra

> Use the Astra theme to customise your site's colours, fonts, headers, and layout after building with Kualo's AI Starter Sites.

Source: https://www.kualo.com/knowledgebase/wp-ai-starter-sites/customising-your-ai-starter-site-with-astra
Updated: 2026-06-09

---

So you've built a site with [Kualo's AI Starter Sites](/knowledgebase/ai-starter-sites/getting-started-with-wordpress-ai-starter-sites). It's got pages, words, and some nice images you chose - you've essentially skipped 90% of the hard part.

Now you're ready to make it more *you*. Maybe you didn't add a logo during setup, or you've just created a fresh one. Maybe you want to explore different fonts, or tweak how your header behaves when someone scrolls. That's where Astra steps in.

## What is Astra, and why should you care?

[Astra](https://wpastra.com/) is the theme that powers the skeleton of your website - the layout, the styles, the way everything clicks into place. Think of it as the framework that makes your site look sharp without writing a single line of code. It's used by over 2 million websites, and it works really well alongside [Spectra](/knowledgebase/ai-starter-sites/customising-your-pages-with-spectra), your page builder.

Together they're your design tag-team: Astra handles theme-level styling (headers, menus, blog layout), and Spectra lets you design individual pages with blocks.

## What can you do with Astra?

You can adjust:

- Colours and fonts
- Header and footer layout
- Menus and breadcrumbs
- Sidebar positions and page layout
- Blog archives and post styling
- Container widths, paddings, and margins

:::info
If it feels like a site-wide design choice, Astra probably controls it.
:::

## How to open the Astra Customiser

1. Log in to your WordPress dashboard.
2. Go to **Astra > Customize**.
3. You're now in the Astra Customiser - a side panel where you can preview changes live.
4. Make your tweaks, then click **Publish** to save them.

![Astra Customiser panel](https://kb-cdn.kualo.com/88/68/8868c8ca5126d1962901745697844b7af25c4257.jpg)

## Want to go deeper?

[Astra's own documentation](https://wpastra.com/docs/manage-customizer-options/) covers everything in far more detail. Here are the most relevant links to get you started:

- [Getting started with Astra](https://wpastra.com/docs/manage-customizer-options/)
- [Style your website with global settings](https://wpastra.com/docs/style-with-global-settings/)
- [Build your header](https://wpastra.com/docs/header-builder-options/) and [footer](https://wpastra.com/docs/footer-builder-options/)
- [Typography settings](https://wpastra.com/docs/font-selection/)
- [Blog and archive layout options](https://wpastra.com/docs/setup-blog/)
- [Astra free vs Astra Pro](https://wpastra.com/astra-free-vs-pro/)

:::info
The free version of Astra is powerful enough for most beginners. If you want even more control, Astra Pro is available as an optional upgrade and is fully compatible with everything set up for you.
:::

Once you've finished setting up your site's global styles with Astra, head over to our [Spectra guide](/knowledgebase/ai-starter-sites/customising-your-pages-with-spectra) to learn how to customise and create content on individual pages.

---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/wp-ai-starter-sites/customising-your-ai-starter-site-with-astra · © Kualo Ltd._