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 2: Design Your Website

How To Download And Import Our Elementor Templates

Action Plan

Step 1: Download And Import Our Templates Into Elementor

Elementor Pro is required for many of our templates. The small commission we receive from your purchase helps us keep our tutorials completely free.

Watch Our Video Tutorial For This Step

This video will walk you through how to download our Elementor Templates and import them into the Elementor template library (there are five zip files that need to be imported). We will also show you how to create your own color scheme using our visual color scheme editor.

Video Summary

  • Visit the templates download page
  • You will need to register for a free account in order to download our templates (0:24)
  • Visit the download page and choose your preferred color scheme (0:39)
  • Choose your button border style (1:05)
  • Click “Download Templates” to download the zip file (1:30)
  • We will discuss the advanced color editor at the end of the video (1:35)
  • Unzip the zip file (1:52)
  • You should now see five zip files that need to be uploaded to the Elementor template library (2:10)
  • Theme Builder templates can’t be imported without Elementor Pro (2:21)
  • Log into your WordPress dashboard (2:43)
  • Go to Templates> Saved Templates (2:47)
  • Start importing each of the five zip files individually (2:57)
  • Be patient waiting for each import to complete, if you see errors read our FAQ (3:22)
  • Why we use five separate zip files (4:04)
  • How to delete all of our templates using the “Screen Options” feature (4:40)
  • Create your own custom color scheme using our visual color scheme editor (5:18)

(I imported the five zip files into the Elementor library)

Step 2: Use Our Preview Page To Copy/Paste Template Names

Elementor Pro is required for many of our templates. The small commission we receive from your purchase helps us keep our tutorials completely free.

Why This Step Is Important

Our Template Previews will allow you to browse all of our templates before adding them to your designs in WordPress. This will you allow to visually plan your pages and blog posts and add each template more quickly.

You can copy the template names from our preview pages and paste them into the search field of the Elementor library.

Watch Our Video Tutorial For This Step

This video will walk you through how to copy template names from our Page Previews, Section Previews, and Theme Builder Previews pages and paste them into the search field of the Elementor library.

Video Summary

  • Skip this video if you are following our complete 3-day challenge (0:22)
  • You can find our page previews, section previews, and theme builder previews in our main menu under “Templates” (0:36)
  • Theme builder templates include headers, footers, blog posts, archives, etc. (0:50)
  • Filter the templates by category (1:05)
  • Click a template to copy the template name (1:16)
  • Paste the template name under “My Templates” in the template library popup (1:40)
  • Each template is available with light background or dark background (1:56)
  • Click “Insert” to add the template block to your page (2:06)
  • Click “No” when asked to import the document settings (2:10)
  • Use the Navigator when customizing full page templates (2:21)
  • Use the “Section Previews” page when adding sections (2:50)

(I used the copy/paste feature to add templates to my page)

FAQ


I'm getting errors when importing, are there any special hosting requirements?

The video tutorials in this course assume you are using SiteGround hosting (our recommended web hosting). SiteGround’s default php settings are enough that you shouldn’t have any issues on import.

If you are not using SiteGround, and you are having issues importing our templates, it is probably due to the timeout limits set on your shared hosting account. You will have to inquire with your particular hosting company regarding these limits. We separated our templates into multiple zip files (of less than 200 files each) to help prevent users from experiencing this error. Some web hosts may only be able to import zip files with less than 100 files each.

Do your templates require Elementor Pro?

Around 30% of our templates use pro widgets and will require Elementor Pro. You will also need Elementor Pro to use our Theme Builder templates for your header, footer, blog posts, archives, search results, etc. If you need help purchasing, downloading, and activating Elementor Pro you can watch our video tutorial.

Are your templates free for commercial use?

Yes, however, please be sure to read our license requirements carefully.

Can I create my own color schemes?

Yes. To create your own color scheme you must first choose one of our existing color schemes and then click the “Edit Colors” button in the popup. This will allow you to adjust the entire color scheme and save it to your account.

Where can I find color ideas for my custom color scheme?

In our Toolkits you will find our recommend color “idea generators” for color palettes and gradient backgrounds. We recommend using Coolors to make any final micro-adjustments to your preferred colors.

How do I adjust the text colors and link colors in each template?

In our templates, we add the heading color, text color, and link color to the “section” rather than to each specific heading widget or text widget. This means you don’t have to adjust any font colors or link colors every time you add a new text widget to your page (it’s all automatic). If you want to adjust these colors, you can find the color settings in each section by going to Edit Section > Style > Typography in the Elementor editor.

How do I remove the extra padding in the text widget?

You can remove the extra padding that’s added to the bottom of Elementor’s text widget by adding the following CSS to your theme’s customizer:

p:last-child {margin-bottom: 0 !important;}

If you are following our complete challenge and you already imported our recommended Astra settings, this CSS has already been added to the customizer.

You can learn more about our recommended customizer settings for the Astra WordPress theme in our Astra installation tutorial.

How can I delete the LaunchParty templates from the template library?

Warning: Your site design will be effected if you delete any templates that have conditional formatting applied to them. Go to Templates > Theme Builder in your WordPress admin and check the header, footer, single, or archive tabs and check the “Instances” column to make sure you don’t delete any templates that are actively being used.

All of our LaunchParty templates start with “LP-” to make them easier to organize. In the Elementor template library, search for “LP-” to view all of the LaunchParty templates. Next, click on “Screen Options” at the top right of the page and adjust the “number of items per page” and click “apply”. This will allow you to easily select all of our templates and delete them. Again, make sure you don’t delete any templates that are actively being used in the Theme Builder section.

Do you have a changelog?
Have a question?
Click here to submit your own

Continue To The Next Tutorial Below

Day 2

Design Your Website

Elementor Pro is required for many of our tutorials in Day 2. The small commission we receive from your purchase helps us keep our tutorials completely free.
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.