Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

Or sign up with email below...

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Day 1: Set Up Your Website

How To Install And Configure The Astra WordPress Theme

Action Plan

Step 1: Install The Astra WordPress Theme And Import Our Recommended Settings


Complete The Following Tasks

Install and activate the Astra WordPress theme.
In your WordPress admin go to Appearance > Themes > Add New and search for Astra in the search box. Click Install and then click Activate.

We tested many different WordPress themes for this course and Astra was easily our favorite choice. The Astra theme is continuously updated and their team is dedicated to making sure it works perfectly with Elementor (the visual drag-n-drop editor you will be using to build and design your website).

Astra’s theme settings are also much more intuitive than other themes, especially for beginners. And since their theme is super lightweight, your website will load much faster with Astra compared to other WordPress themes.

We will be using the free version of Astra throughout all of our tutorials. Astra also offers a Pro add-on with even more features.
Download and import our recommended Astra settings.
Download our Astra settings file.
Below is a list of all the changes we make to the Astra theme's default Customizer settings when you import the astra-settings.dat file.

Global > Container >
Container Width: 1360
Layout: Full Width / Stretched

Global > Typography > Base Typography >
Family: Open Sans
Size: (18, 17, 16) px
Line Height: 1.6
Paragraph Margin Bottom: 1.4

Global > Typography > Headings >
Family: Libre Franklin
Heading 1: (3.4, 2.6, 2.3) em
Heading 2: (2.8, 2.3, 2) em
Heading 3: (2.3, 2, 1.8) em
Heading 4: (1.7, 1.6, 1.5) em
Heading 5: (1.3, 1.3, 1.2) em
Heading 6: (1.1, 1.1, 1.1) em

Global > Colors > Base Colors >
Text Color: #61636b
Theme Color: #0072e5
Link Color: #0072e5
Link Hover Color: #0856d3
Background Color: #ffffff

Global > Buttons >
Text Color: #ffffff
Background Color: #0072e5
Hover Text Color: #ffffff
Hover Background Color: #0856d3
Border Radius: 35 (5 if using rounded edge buttons, 0 if using straight edge buttons)

Blog > Blog / Archive >
Post Structure Featured Image: Not Visible
Post Structure Title & Blog Meta: Not Visible
Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Archive Title Font Size: (1.7, 1.6, 1.5) em
Post Title Font Size: (2.8, 2.3, 2) em

Blog > Single Post >
Structure Featured Image: Not Visible
Structure Title & Blog Meta: Not Visible
Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Post/Page Title Font Size: (3.4, 2.6, 2.3) em

Sidebar >
Default Layout: No Sidebar

Footer > Footer Bar >
Layout: Disable

Additional CSS >
h1 {line-height:1.2 !important;}
h2 {line-height:1.2 !important;}
h3 {line-height:1.3 !important;}
h4 {line-height:1.4 !important;}
h5 {line-height:1.5 !important;}
h6 {line-height:1.6 !important;}
p:last-child {margin-bottom: 0 !important;}
In order to import our settings file, install and activate the Customizer Export/Import plugin by the Beaver Builder team.
Go to the WordPress Customizer, click to the Export/Import tab and import the settings file you just downloaded.
Click Publish (if necessary) to save your changes.
Purchase the Astra Pro add-on for even more features (optional).
You Earned A Badge!

Watch Our Video Tutorial

Why This Step Is Important

Every WordPress website requires a default WordPress “theme”. And for this course we recommend using the Astra WordPress theme. We love Astra because it’s super fast, easy to use, and designed to work well with the Elementor Page Builder (the visual drag-n-drop editor you will be using to build and design your website).

Also, using our recommended settings for the Astra WordPress theme is going to save you a ton of time and will guarantee that everything is configured correctly.

FAQ


Why do you recommend Astra?

We tested many different WordPress themes for this course and Astra was easily our favorite choice. The Astra theme is continuously updated and their team is dedicated to making sure it works perfectly with Elementor (the visual drag-n-drop editor you will be using to build and design your website).

Astra’s theme settings are also much more intuitive than other themes, especially for beginners. And since their theme is super lightweight, your website will load much faster with Astra compared to other WordPress themes.

We will be using the free version of Astra throughout all of our tutorials. Astra also offers a Pro add-on with even more features.

What settings are included in the "astra-settings.dat" import file?

Below is a list of all the changes we make to the Astra theme’s default Customizer settings. These changes will be made automatically if you import our “astra-settings.dat” file into the Customizer as explained in our video tutorial. The most important changes are shown in red.

Global > Container >
Container Width: 1360
Layout: Full Width / Stretched

Global > Typography > Base Typography >
Family: Open Sans
Size: (18, 17, 16) px
Line Height: 1.6
Paragraph Margin Bottom: 1.4

Global > Typography > Headings >
Family: Libre Franklin
Heading 1: (3.4, 2.6, 2.3) em
Heading 2: (2.8, 2.3, 2) em
Heading 3: (2.3, 2, 1.8) em
Heading 4: (1.7, 1.6, 1.5) em
Heading 5: (1.3, 1.3, 1.2) em
Heading 6: (1.1, 1.1, 1.1) em

Global > Colors > Base Colors >
Text Color: #61636b
Theme Color: #0072e5
Link Color: #0072e5
Link Hover Color: #0856d3
Background Color: #ffffff

Global > Buttons >
Text Color: #ffffff
Background Color: #0072e5
Hover Text Color: #ffffff
Hover Background Color: #0856d3
Border Radius: 35 (5 if using rounded edge buttons, 0 if using straight edge buttons)

Blog > Blog / Archive >
Post Structure Featured Image: Not Visible
Post Structure Title & Blog Meta: Not Visible

Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Archive Title Font Size: (1.7, 1.6, 1.5) em
Post Title Font Size: (2.8, 2.3, 2) em

Blog > Single Post >
Structure Featured Image: Not Visible
Structure Title & Blog Meta: Not Visible

Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Post/Page Title Font Size: (3.4, 2.6, 2.3) em

Sidebar >
Default Layout: No Sidebar

Footer > Footer Bar >
Layout: Disable

Additional CSS >
h1 {line-height:1.2 !important;}
h2 {line-height:1.2 !important;}
h3 {line-height:1.3 !important;}
h4 {line-height:1.4 !important;}
h5 {line-height:1.5 !important;}
h6 {line-height:1.6 !important;}
p:last-child {margin-bottom: 0 !important;}

How can I reset the Customizer back to the default settings?

You can use the Astra Customizer Reset plugin to reset the Customizer back to the default settings.

After you install and activate the plugin, go to Appearance > Customize and you’ll see the Reset All button at the top of the Customizer.

Submit a question

Continue To The Next Tutorial Below

Day 1

Set Up Your Website

Your Progress
0

How Can This Be Free?

All of our tutorials are supported by the small affiliate commission we receive when you purchase SiteGround Hosting and Elementor Pro. We are not associated with SiteGround or Elementor in any way.