Completely Free Course

Connect with Facebook

or

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 Course

Connect with Facebook

or

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

Already Registered? Log In Here

Module 2: Designing Your Website

How To Add Your Default Colors To Elementor And Astra

Tutorial Action Plan

Action Plan

Step 1: Add Your Color Codes To Elementor And Astra


Why This Step Is Important

Adding your most used colors to Elementor and Astra is going to save you a ton of time as you design your website. This way you won’t have to remember the exact color codes for your color scheme and you can make sure you’re using consistent colors throughout your website’s design.

To help you know which colors to add, we created a special template called LP-SETTINGS-colors (found in your Elementor Library)! This template lists all of the color codes for your particular color scheme.

Watch Our Video Tutorial For This Step

This video will walk you through how to add the correct color codes for your particular color scheme to Elementor’s Default Colors, Elementor’s Color Picker, and Astra via the WordPress Customizer.

Video Summary

  • Log into your WordPress dashboard (0:04)
  • Go to Elementor > My Templates (0:08)
  • Search for “settings”, find the “LP-SETTINGS-colors” template, and click “Edit with Elementor” (0:13)
  • Add our recommended colors to the Elementor Color Picker (0:50)
  • Open the preview page for easier copy/pasting (1:15)
  • Change all unused colors to #ffffff (2:30)
  • Click “Apply” to save changes (2:53)
  • Go to the WordPress customizer (3:30)
  • Go to Colors & Background > Base Colors and change the four colors (3:58)
  • Go to Buttons and change the four colors (5:12)
  • Click “Publish” to save changes (5:45)

(I added the color codes to Elementor and Astra)

Continue To The Next Tutorial Below

Module 2

Designing Your Website

Module 2 Progress
0

Your Achievements

You have earned 0 badges

How Can This Course Be Free?

Our course is 100% free forever because of our special partnerships with SiteGround Hosting and Elementor Pro.