WordPress: How to Customize a Theme with Astra and Elementor – Complete Guide

WordPress, is the system in which you can create and manage content for the web, highly sought after and used for being an open source system (which allows you to improve it) and free. As it does not require programming or high technical knowledge, it has become so popular that it has been used in the creation of more than 30% of web pages.

One of the advantages that WordPress has, is to customize the visual aspect of your web page with the themes that they offer you, being Astra one of the most sought after themes by creators, in this post we will teach you how to personalize and give a new design to your page.

Where to find customization themes in WordPress with Astra?

Astra, an attractive template for being light and give a professional tonein order to apply it we will go to log in to the WordPress administrative panel.

tutorial to customize astra theme in wordpress


We will look at the menu on the left and go to the Appearance option.


In the menu that just appeared, press the customize optionat the time it loads, in the menu on the left, we will select the Astra theme.

How to correctly use Astra and Elementor typography in WordPress?

being typography one of the most important features When designing a web page, using the options offered by the Astra template and the Elementor plugin becomes crucial in order to reflect your personality and the essence of your page. It stands out that one of the best plugins that best adapt to this template is Elementor, enter the options that we find in the menu:

Typography on the base

This template offers us a great variety of free fonts from Googleand by having the Elementor plugin we can create or find the one that flows best with the style of the web page, we can also modify the size and visualize how it would adapt to mobiles, computers or tablets.

modify astra theme header

good header

Another important aspect of a web page is the header, as it is the top part of the page where we will find the search menu, the logo, among other elements, it has to be visually pleasing and aesthetically pleasing.

luckily you have 2 options that will help you To meet those expectations, you can use the header style provided by the Astra template or you can create your own header via the Elementor plugin.

use good colors

When designing the page, we have to choose and combine a color palette of our choice, which will appear in the main elements such as menus, links, among others. Notably colors will be assigned hexagonal and must match the main color.

The container

In this option we can edit the maximum width value of the content that we will place on the page or post. We have to keep in mind that the width is the size of the page from left to right, which will house the content we publish, including the header and footer.

How to have good WordPress header customization with Astra?

Another important aspect when designing is the header, since from here we can configure the logomain menu and other aspects of the page, among the options offered by this theme we find:

View site identity

In this section is where we will find the options to place the logo of the web page, this square image or favicon is the one that we visualize in the browser tabs, it is very important that the logo design is simple and easy to reproduce.

edit astra theme header

Make the main header

For the creating the main headerwe will have to activate the header and footer layout, the process to do it is as follows:

  • We enter the WordPress administrator
  • In the menu on the left, click Appearance – Astra Options
  • We press on “Use the new header/footer layout”it is recommended to have the updated version of the Astra theme.
  • We pressed “go to customizer”, we noticed the new options that were added to the menu. Click on “Header Builder” and we can proceed to edit the header of the web page.

We will find the elements to modify the distribution of the header, place the logo, and one or another element that we want to add. always have to take into account the colors of the logothe aesthetics of the page and avoid overloading elements.

How to use additional customizations with Astra in WordPress?

Most of the options that Astra offers you are accessible to all users who use their template, but similarly, we can find some additional options in its premium version that adds more details to it to the standard version, some of them are:

  • More colors and backgrounds to add
  • Different layouts for tickets
  • Additional sections for the header
  • New footer layouts

And other options that we can find if we make this investment to achieve something different and unique on your website.