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 WordPress

How To Install And Configure The Astra WordPress Theme

Action Plan

Step 1: Install The Astra WordPress Theme


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).

Watch Our Video Tutorial For This Step

This video will walk you through how to install the Astra WordPress theme.

Video Summary

  • Log into your WordPress admin (0:20)
  • Go to Appearance > Themes (0:38)
  • Current theme is called “Twenty Seventeen” (0:44)
  • Click “Add New” (0:53)
  • Search for “Astra” (0:59)
  • Click “Install” and then “Activate” to make Astra your active theme (1:03)

(I installed the Astra WordPress Theme)

Step 2: Download And Import Our Recommended Settings


Why This Step Is Important

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.

Download The Settings File

Click the download button below to download the file needed for this step. You will be importing this file into the WordPress customizer using the Customizer Export/Import plugin.

Watch Our Video Tutorial For This Step

This video will walk you through how to import our settings file into the WordPress customizer using the Customizer Export/Import plugin.

Video Summary

  • Go to Plugins > Add New (0:28)
  • Install and activate the “Customizer Import/Export” plugin created by The Beaver Builder Team (0:43)
  • Go to the WordPress customizer (1:03)
  • Make sure to download our Settings File (1:39)
  • Import the Settings File (1:42)
  • Click “Publish” to save changes (if necessary). If you can’t click “Publish” that means your settings have been published and saved automatically. (2:11)

(I imported the settings file into the WordPress customizer)

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 version 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;}

Have a question?
Click here to submit your own

Continue To The Next Tutorial Below

Day 1

Set Up WordPress

Your Progress
0

Your Achievements

You have earned 0 badges

How Can This Challenge Be Free?

Our "Website In A Weekend" challenge is supported by the small affiliate commissions we receive from SiteGround Hosting and Elementor Pro. Other than this, we are not associated with SiteGround or Elementor in any way.