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

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Already Registered? Log In Here

FAQ

Register Your Domain Name
Why do you recommend Hover?

We love Hover because their checkout process is super fast and they don’t hassle you with any additional upsells. Hover also automatically includes privacy protection on all domain name registrations for free (privacy protection hides your personal information from publicly available databases). In addition, their control panel is very intuitive which makes it easier to manage your domain names.

Do I have to choose a .com domain name?

No, you do not have to choose a .com domain name. Sometimes it’s not possible to find a good .com domain name that’s available (since so many domain names have already been registered).

Other extensions such as .org, .net, or .co will work just fine. However, I would only purchase a different extension if the .com domain name isn’t currently being used by an existing business in your same industry.

For example, we use launchparty.org (since the .com was already registered), but we made sure that launchparty.com wasn’t being actively used by another business. That way we didn’t have to worry about any trademark issues or customer confusion with there being two active businesses with the same name.

Why is it better to purchase my domain name with Hover instead of my hosting company?

There are several reasons we recommend using Hover to register your domain name instead of your hosting company.

1) It’s cheaper. Hosting companies always charge more for their domain names, especially if you want to register your domain name privately. For example, SiteGround charges $16 to register a domain name + $12 for domain privacy ($26 total per year).

2) It’s better to purchase your domain names from a registrar that’s separate from your hosting company so that your hosting company doesn’t have any control over your domain names. This allows you to more easily change hosting companies in the future if you ever need to.

3) As you begin to acquire more domain names and create more websites, it makes sense to keep everything in one place so that your domain names are not spread out across multiple hosting providers or multiple hosting accounts.

Why do I need WHOIS privacy protection for my domain name?

The main reason you want to use privacy protection when purchasing a domain name is so that your personal information (name, address, and email address) are kept private. Otherwise, your personal information will be publicly accessible in various domain registration databases. Spammers can use this public information to send you unsolicited emails.

Can I register my domain name somewhere else besides Hover?

Yes, you can register your domain with a different registrar if you want. You will just need to know how to change your nameservers (covered in the next tutorial). Our video tutorial will walk you through this step assuming you are using Hover, however, other registrars will be set up similarly.

Keep in mind that when it comes time to purchase your hosting (covered in the next tutorial), I would recommend using our recommended hosting from SiteGround. We use SiteGround in a lot of our video tutorials in Day 1, so you might get lost if you’re using another hosting provider.

What if I already own a domain name?

If you already have a domain name you can skip this page and move on to the next tutorial. You will just need to know how to change your nameservers (covered in the next tutorial). Our video tutorial will walk you through this step assuming you are using Hover, however, other registrars will be set up similarly.

Keep in mind that when it comes time to purchase your hosting (covered in the next tutorial), I would recommend using our recommended hosting from SiteGround. We use SiteGround in a lot of our video tutorials in Day 1, so you might get lost if you’re using another hosting provider.

Submit a question
Sign Up For Hosting And Install WordPress
Why do you recommend SiteGround?

After testing a lot of other hosting providers (Bluehost, HostGator, etc.), we always come back to SiteGround. Their admin is more intuitive, their support is more knowledgeable, and they are always coming out with new features and upgrades.

Here are the two main reasons we love SiteGround:

1) Their customer support team is amazing. This is the #1 thing that sets SiteGround apart from other (similar priced) hosting companies. Their customer support respresentatives are extremely knowledgeable and will be able to resolve your technical issues quickly and effectively.

2) SiteGround has consistently proven themselves to stay on the cutting edge of technology. For example, they were one of the first to offer free SSL certificates and PHP 7 standard on all servers. They continue to add innovative features such as their site migrator plugin and free daily backups with one-click restores.

View pricing plans

Which SiteGround plan should I choose?

This depends on how many websites you want to create. If you are only creating one website, we recommend choosing the StartUp plan.

If you are creating multiple websites, we recommend choosing the GrowBig plan (the GrowBig plan allows unlimited websites under one account).

View pricing plans

How much does SiteGround hosting cost?

The initial cost for the StartUp plan is $7/month for one year. After your first year, the cost will be around $10-12/month depending on the renewal period you choose. Pricing promotions like this are standard in the industry.

View pricing plans

Can I host more than one website with my account?

Yes. If you choose the GrowBig plan, you can host an unlimited number of websites (the StartUp plan only allows for one website).

View pricing plans

Does SiteGround work well with Elementor?

Yes. SiteGround’s strategic partnership with Elementor should reassure you that they are focused on optimizing their hosting accounts for Elementor, both in terms of speed and compatibility.

SiteGround has also custom developed a speed optimization plugin (called SG Optimizer) that’s focused on improving your website’s performance. Since this plugin is only available to SiteGround users and it has direct access your hosting account, it can include some features that aren’t possible with other speed plugins. If you check the plugin changelog you will notice that it is frequently updated with improvements specifically for Elementor.

View pricing plans

Which server location should I choose?

In general, you want to choose a server that’s closest to your customers. So if your customers are in the United States, you should pick a United States server. If your customers are in Europe, you should pick a European server. The closer your server is to your customers, the faster your website will load for those customers.

View pricing plans

How long does it take for my nameservers to be updated?

This usually takes 15-30 minutes, however, sometimes it can take up to 24-48 hours for the nameservers to be updated. Your website won’t be accessible until this process is finished.

Does SiteGround offer renewal discounts?

Yes, when it comes time to renew your hosting, you will be offered 20-30% off of the regular price for your plan (depending on how many years you agree to renew).

View pricing plans

Does SiteGround include daily backups?

Yes. All SiteGround hosting plans include automatic daily backups for the most recent 30 days. You can restore your website using any one of those 30 copies from within your SiteGround control panel. You’ll have several restore options, including: restore all files and databases, restore files, restore databases, and restore emails.

If you have a GrowBig account, you can manually create “on-demand” backups in addition to the automatic backups

How do I contact SiteGround technical support?

First, log into your account. Next, visit the help center “Contact Us” page. This is where you can get help with technical support, advanced technical support, and billing.

Submit a question
Install SSL And Configure WordPress
Why do I get an error when installing the SSL certificate?

If you’re seeing an error message that says “You have no Let’s Encrypt certificates installed on your account,” you might need to wait a little longer until your nameservers have been updated (from the previous tutorial).

This usually takes less than an hour, however, sometimes it can take up to 24-48 hours for the nameservers to be updated. Once your nameservers have been updated, you can try installing the SSL certificate again.

If you’re still having issues, contact SiteGround’s chat support and they can set this up for you.

Why don't I see an option to install the SSL certificate?

This could mean your SSL certificate has already been installed by SiteGround.

On the Security > SSL Manger page, if you scroll down to the bottom and it says “Active” in the “Status” column next to your domain name, then your SSL certificate has already been installed. However, you still need to enable the HTTPS Enforce settings. To do that, go to the HTTPS Enforce page and enable “HTTPS Enforce”.

Why am I seeing a "WordPress Starter" setup page?

WordPress Starter is a plugin developed by SiteGround that walks you through a different method for launching a WordPress website. If you’re seeing the WordPress Starter welcome page, you can scroll down to the bottom of the page and click “Exit”. I would then de-activate this plugin since it will not be needed for our tutorials.

What is the "WordPress Starter" plugin?

WordPress Starter is a plugin developed by SiteGround that walks you through a different method for launching a WordPress website. You should de-active this plugin since it will not be needed for our tutorials.

What is the "SG Optimizer" plugin?

SG Optimizer is a WordPress plugin developed by SiteGround to improve the performance of WordPress. This plugin is automatically installed by SiteGround. You can leave this plugin installed and activated.

Why does my WordPress dashboard look different than in your videos?

This is probably because you still have the WordPress Starter plugin activated. This plugin is automatically installed by SiteGround. You should de-active this plugin if you are following our LaunchParty tutorials, it will not be needed.

You can also switch to the default layout in your WordPress Dashboard by scrolling down to the bottom of the page and clicking “Switch to default” link.

What are permalinks?

Permalinks are the URLs for the Pages and Posts you create in WordPress. The Post name URL structure that we recommend will use the titles of your Pages and Posts as your URLs. This is really important for usability and SEO (search engine optimization) since it makes your URLs more relevant and easier to read.

Why should I turn off "Organize my uploads into month- and year-based folders"?

I turn this off so that my image URLs don’t show the year I uploaded each image (it can make your content seem old). For example, let’s say five years from now I’m reading one of your blog posts and I notice that the image URL for one of your images is five years old. That might make me feel like your content isn’t up-to-date. I prefer to hide any signs of when my content was published so that it always feel current for the user.

Submit a question
Install Astra And Configure
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
Install Elementor And Configure
Is Elementor Pro required for this course?

Yes. Our “Website In A Weekend” challenge was created specifically for Elementor Pro.

You will be using Elementor Pro to design your entire website. That means you will need access to the “theme builder” features in order to design your header, footer, blog posts, archive pages, search results pages, and more.

You will also need Elementor Pro if you want to create contact forms, feedback forms, or opt-in forms that integrate with email marketing providers such as MailChimp.

Lastly, many of the templates you will be using to design your website include pro widgets, which will also require Elementor Pro.

What is Elementor?
Read our Elementor Pro review

How much does Elementor Pro cost?

Elementor Pro only costs $49 per year. If you choose to cancel your subscription your site will still work, but you will no longer receive any new updates or support.

What is Elementor?
Read our Elementor Pro review

What's the difference between the free and Pro version of Elementor?

The Elementor Pro add-on offers a lot of additional features that are not available with just the free version of Elementor. Click here to see all of the free vs pro features. We recommend upgrading to Elementor Pro because it will allow you to:

  • Follow along with all the tutorials in this course
  • Use more than 30 pro widgets
  • Access the pro template library
  • Design your headers and footers
  • Design blog post layouts
  • Design blog archive pages
  • Create portfolios and image galleries
  • Create contact forms, multi-step forms, and surveys
  • Create opt-in forms
  • Integrate with email marketing services
  • Create and design popups with advanced targeting
  • Add social media sharing buttons
  • Add Facebook comments to any page
  • Add pricing tables and price lists
  • Use motion effects and animations
  • Use Lottie animations
  • Add a table of contents to pages and posts
  • Save your most-used widgets (pre-styled)
  • Create targeted layouts using conditional formatting
  • Create custom post types with ACF, Toolset, and Pods
  • Design your WooCommerce pages and archives
  • Get premium support from Elementor

What is Elementor?
Read our Elementor Pro review

Can I activate Elementor on multiple websites?

Yes, Elementor Pro offers three different licenses (personal, plus, and expert).

  • Personal allows you to activate Elementor Pro on 1 website
  • Business allows you to activate Elementor Pro on 3 websites
  • Expert allows you to activate Elementor Pro on 1,000 websites
What happens to my site if I don't renew after the first year?

Your website will still look the same and function the same, even if you cancel your subscription and decide not to renew.

However, keep in mind that if you don’t renew, you won’t receive any more updates to the plugin. This can be risky because there may be important security changes or bug fixes that you won’t receive.

In general, it is recommended that you continue to renew your license each year. Especially when it’s so extremely affordable and only costs a few dollars per month. Renewing your license also gives you access to every new feature that Elementor releases, as well as their premium support.

Why do you disable default color?

It’s better to control some of your site-wide colors (such as link colors) using the WordPress Customizer. This way any pages that aren’t built with Elementor will be using the correct colors. It makes it easier to ensure that your color scheme is consistent throughout your entire website. We will show you how to add your default colors to the Customizer (and to Elementor) in Day 2.

Why do you disable default fonts?

It’s better to control your site-wide fonts using the WordPress Customizer (we will show you how in Day 2) than using Elementor’s font settings. This way, if you ever want to change your fonts across your entire website, your changes will automatically update site-wide.

Why do you use 1400px (instead of the default 1140px) as the default width in the Elementor?

A default width of 1400 pixels (px) works best with our free Elementor templates. Our templates will still work with the default 1140 pixels, however, we think 1400 pixels works better.

To understand why we chose 1400 pixels, it’s important to think about actual content (text) width rather than “website” width. For example, in a single column layout, we reduce the content (text) width to around 700px, you’ll see this in our blog post layouts for example. For two columns we typically use 1000px (and in some cases 1400px), and for three columns we use 1400px.

If you use the default 1140px width, and you want 3 columns in a particular section, there isn’t much width for your content in each column. Especially when you consider the padding between each column. If there’s 40px spacing between each column then you’re only left with around 300 pixels for each column’s content. On a smaller resolution laptop this might look fine, however, on a larger resolution monitor, it can look kind of silly. A user might wonder “Why is the content so narrow when there’s so much extra space on my screen?”.

To summarize, in our testing, we found that a default width of 1400 pixels had the most flexibility for multi-column sections.

What's the different between a page builder (Elementor) and a WordPress theme (Astra)?

A WordPress theme is required for all WordPress websites. You can think of it as the “nuts and bolts” of your website. It’s where the main framework and functionality resides.

The Elementor page builder is a plugin that’s used on top of your theme. It gives you drag-n-drop capabilities to design your pages and posts visually. Recently, page builders like Elementor have been getting more and more advanced. Elementor can now do a lot of things that only WordPress themes could do in the past (like design your header, footer, and blog posts).

Submit a question
Create An Email Address
How do I updated my WordPress admin email?

Log into WordPress and go to Settings > General and edit the “Email Address” field. Click “Save” and check your email for the confirmation link. Your admin email won’t be changed until you click the confirmation link.

If you’re using a Gmail alias, it may take a few minutes for the confirmation email to be received (you can click the “Check email now” link to speed up this process as discussed in our video tutorial).

Your WordPress admin email will be the default email address used by WordPress and other plugins such as Elementor and WooCommerce. For example, when you create a contact form with Elementor, form submissions will be sent to the email address set in your WordPress admin.

Do I have to use Gmail?

No, you do not have to use Gmail.

If you want to use a different email client, you can set up those email clients using the configuration details in your SiteGround account. See our video tutorial in Step 1 to learn more.

The SiteGround help center inside of your SiteGround admin also has a lot of helpful documentation on setting this up.

Why not use G Suite instead of an alias in Gmail?

You are correct in assuming that G Suite is the official method, however, it costs $6/month and is not very easy to set up for beginners. For these reasons we chose to start with an alias. An alias is good enough when you’re just getting started and simpler for beginners to set up. As your business or personal website grows, you could consider moving over to G Suite, however, it is outside the scope of our tutorials.

How do I set up my mail account on my computer or phone?

Check the following support docs by SiteGround to add your new email accounts to your desktop mail software or mobile mail app (iPhone/Android).

I'm not receiving emails, how do I manually refresh my Gmail inbox?

For newly created aliases, Google might not check for incoming mail very frequently. If you are expecting a message, you can manually refresh your inbox by going to Settings > Accounts and Import > Check mail from other accounts > Check mail now.

Over time, Google will check for new mail more frequently as your email address receives more messages.

My Incoming Server and Outgoing Server settings are not working.

If the recommended Incoming Server and Outgoing Server settings shown in your SiteGround account are not working, try using your nameserver URLs instead.

For example, if your ns1 nameserver is ns1.giow1001.siteground.us then your mail configuration will be as follows:

Incoming Server (POP3): giow1001.siteground.us
Outgoing Server (SMTP): giow1001.siteground.us

Warning: Make sure to use the nameserver URLs shown in your SiteGround account and not the URLs shown above.

You can find the nameservers for your website by logging into your SiteGround account and going to Websites > Site Tools. Your nameservers will be shown on the main Dashboard page.

Submit a question
Download And Import Our Templates
I'm getting errors when importing, are there any special requirements?

If you are receiving import errors it’s probably an issue with your hosting company.

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. Read our Elementor Pro review.

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

Is there a way to hide the LaunchParty templates in my library?

If you search for “-lp” in the Elementor template library that will return the results for all non-LaunchParty templates.

Do you have a changelog?
Submit a question
Add Your Default Colors
When I try to add a color to the color picker it adds the color as black

Unfortunately, this has to do with a minor bug in the Elementor color picker. Until this is resolved, please try the following:

  1. Copy the 6-digit color code
  2. Paste the 6-digit color code into the color value box in the color picker
  3. Click the “+” button to add the color
Elementor won't open, it shows a blank white page

Did you enable the “Switch Editor Loader Method” in the Elementor settings in your WordPress admin? We discuss this in our Elementor installation video.

In your WordPress admin, go to Elementor > Settings. Click the Advanced tab, and next to where it says “Switch Editor Loader Method”, choose Enable from the drop-down and click Save Changes.

If you’re still having issues, here are some more troubleshooting options you can try.

Elementor won't open, it shows a grey page that's endlessly loading

If you’re using SiteGround hosting, this can be caused by having “External Links Rewrite” enabled in your SSL settings in your SiteGround control panel. In our SSL tutorial we discuss this.

To fix this, in your SiteGround control panel, go to Websites > Site Tools > Security > HTTPS Enforce and turn off “External Links Rewrite”. In order for these changes to take effect you will need to clear the cache in various places.

First, in your SiteGround control panel, go to Speed > Caching and click the “Flush All” button. Next, log into your WordPress admin and in the sidebar go to SG Optimizer. Click the “Purge Cache” button on the right-hand side. Lastly, clear the cache in your web browser. The Elementor editor should work after you take these steps.

If you’re still having issues, here are some more troubleshooting options you can try.

How do I change the Elementor sidebar UI theme color?

To change the UI theme color, open the Elementor editor and click the hamburger menu at the top left. Go to Preferences and in the UI Theme drop-down you can choose either Light, Dark, or Auto Detect. The auto detect option will use your computer’s default settings.

Submit a question
Pick Your Fonts
How do I add my own custom fonts?

If you want to use a font that’s not available in the Customizer, you can easily add your own custom fonts with Elementor Pro by following these steps:

  1. Convert your custom font into the necessary multiple formats (EOT, OTF, SVG, TTF, WOFF, WOFF2) using this converter. Download the newly converted fonts to your computer.
  2. In your WordPress admin, go to Elementor > Custom Fonts and watch this video tutorial.

Once you have completed the steps above, your new custom font should now appear in the Customizer’s font selector.

Be sure to add as many file types as possible since different browsers will require different file formats. Also, you’ll need to add the font files for every font weight you’re adding.

How do I adjust the line height for my headings?

If you are using our recommend Customizer settings found in our Astra tutorial, you’ll notice an option to adjust the line height in the “Additional CSS” section of the Customizer.

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

You can use this code to adjust the line height for each of the heading sizes. Keep in mind this code is a work-around for free Astra users. If you want full control of Astra’s typography settings we recommend upgrading to Astra Pro.

Why don't any of my fonts change when I adjust the Customizer settings?

If the fonts on your website are not changing when you adjust the Customizer fonts, it could be that you didn’t check the box to “Disable Default Fonts” on the Elementor settings page. In your WordPress admin, go to Elementor > Settings > General and check the box that says “Disable Default Fonts”.

Please note that there are some additional important settings you should adjust, I recommend watching our Elementor installation video.

Why doesn't the font size of the body font change when I adjust it in the Customizer settings?

First, please see the previous question where we discuss the “Disable Default Fonts” setting in Elementor.

If that doesn’t fix the issue, it could be because of the body {font-size: 100%} code we added to the Additional CSS tab of the Customizer. (This is only relevant for older users of our course who imported the old version of our astra-settings.dat file.)

To fix this issue, open your Customizer and go to the Additional CSS tab and remove the line that says body {font-size: 100%}. Click the Publish button at the top of the page to save your changes.

I can't find the LP-SETTINGS-typography template

Did you download and import our Elementor templates? All of our “LP-SETTINGS” templates can be found in the SECTION-templates-3.zip file.

Submit a question
Create Your First Page
Where can I find images for my website?

Use the links below to discover all of the websites we recommend for downloading photos and images:

How do I crop and resize images for my website?

You can watch our tutorial on how to download, crop, resize, and compress free stock photos to learn all about how we suggest preparing your images for the web.

What width (in pixels) should I use when I resize my images?

You can watch our tutorial on how to download, crop, resize, and compress free stock photos to learn about our recommended photo settings.

When uploading images to the WordPress media library, I recommend using a width of 1920 pixels for landscape photos and 1024 pixels for portrait photos. However, keep in mind that you typically won’t use an image as large as 1920 pixel image on your page (unless it’s for a section background image).

This is because WordPress automatically creates additional lower resolution version of your image (1024 pixels, 728 pixels, 300 pixels, and 150 pixels) every time you upload an image to the media library. So when you’re designing your page using Elementor, you will be able to control which image is used by selecting the image size within Elementor.

How do I set a page as my homepage?

You can easily set any page as your homepage in your WordPress admin.

In your WordPress admin, go to Settings > Reading. Where it says Your homepage displays, select static page and then select the page you want to use for your homepage from the Homepage drop-down list. Then click Save to save your changes.

How do I edit the main menu in my header?

We will walk you through how to design and customize your header and footer in a later tutorial (Add Your Header And Footer).

If you just want to change the link names in your main menu, you can do that in your WordPress admin by going to Appearance > Menus. This is also covered in the same tutorial.

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 do I exit fullscreen mode when creating a new page in WordPress?

When you create a new page in WordPress, you will see a 3-button (kebab) menu icon at the top right of your screen. Click this icon and uncheck “Fullscreen mode”. This will exit fullscreen mode so you have access to the normal WordPress menu items found in the left-hand sidebar.

Elementor won't open, it shows a blank white page

Did you enable the “Switch Editor Loader Method” in the Elementor settings in your WordPress admin? We discuss this in our Elementor installation video.

In your WordPress admin, go to Elementor > Settings. Click the Advanced tab, and next to where it says “Switch Editor Loader Method”, choose Enable from the drop-down and click Save Changes.

If you’re still having issues, here are some more troubleshooting options you can try.

Elementor won't open, it shows a grey page that's endlessly loading

If you’re using SiteGround hosting, this can be caused by having “External Links Rewrite” enabled in your SSL settings in your SiteGround control panel. In our SSL tutorial we discuss this.

To fix this, in your SiteGround control panel, go to Websites > Site Tools > Security > HTTPS Enforce and turn off “External Links Rewrite”. In order for these changes to take effect you will need to clear the cache in various places.

First, in your SiteGround control panel, go to Speed > Caching and click the “Flush All” button. Next, log into your WordPress admin and in the sidebar go to SG Optimizer. Click the “Purge Cache” button on the right-hand side. Lastly, clear the cache in your web browser. The Elementor editor should work after you take these steps.

If you’re still having issues, here are some more troubleshooting options you can try.

How do I change the Elementor sidebar UI theme color?

To change the UI theme color, open the Elementor editor and click the hamburger menu at the top left. Go to Preferences and in the UI Theme drop-down you can choose either Light, Dark, or Auto Detect. The auto detect option will use your computer’s default settings.

Submit a question
Create Your First Blog Post
How do I add an email opt-in form to my call-to-action template?

You can watch our video tutorials on setting up MailChimp with Elementor to learn more about adding opt-in forms to your website. These videos will walk you through how to sign up for MailChimp, integrate MailChimp with Elementor, and adjust the form widget settings to create opt-in forms.

How do I exit fullscreen mode when creating a new post in WordPress?

When you create a new post in WordPress, you will see a 3-button (kebab) menu icon at the top right of your screen. Click this icon and uncheck “Fullscreen mode”. This will exit fullscreen mode so you have access to the normal WordPress menu items found in the left-hand sidebar.

Submit a question
Create Your Archive Pages
How do I control the number of posts shown per page?

As you probably noticed, once you reach a certain number of posts per page, Elementor will automatically add pagination to the bottom of your archive.

To control the number of blog posts shown per page in your archive, in your WordPress admin go to Settings > Reading > Blog page shown at most and adjust the number. The default is 10 posts per page.

How do I adjust the padding above the pagination links?

First, make sure you have updated your Elementor and Elementor Pro plugins to the latest version since this feature was recently added.

Next, when you’re in the Elementor editor, click on the Post widget or Archive Posts widget. In the sidebar, go to the Style tab and then click on Pagination. From there you’ll see the Spacing toggle where you will be able to adjust the padding above the pagination on desktop, tablet, and mobile.

Submit a question
Update WordPress Plugins
How often should I update my plugins?

In general, I would recommend updating your plugins once per month. If one of your plugins (such as Elementor) releases an update with a new feature you really want to use right away, then feel free to update immediately.

Some people like to wait a week or so until after an update is released before updating the plugin just in case there are any bugs with the update.

For example, let’s say Elementor releases an update on May 28, and Elementor users start to report some bugs with the update. Elementor will then fix those bugs and release another update a few days later.

Why don't I see any updates for Elementor Pro?

Elementor and the Elementor Pro add-on are two different plugins that need to be updated separately.

Updates for the Elementor Pro add-on usually won’t appear in your WordPress dashboard until you have updated to the latest version of Elementor. Once you finish updating Elementor, any available updates for the Elementor Pro add-on should appear in your dashboard.

You can manually check for any new updates by going to Dashboard > Updates in your WordPress admin and clicking the “Check Again” button.

Do I need to update WordPress themes that are not active?

The most important theme to keep updated is the one you are currently using (the Astra WordPress theme).

However, it doesn’t hurt to also update the default WordPress themes (Twenty Nineteen theme, Twenty Eighteen them, etc.) even if they are not currently being used.

When should I update WordPress?

If you are using our recommended SiteGround hosting, WordPress will update automatically when a new version is released. There is nothing you have to do.

If you are not using SiteGround hosting, you can update WordPress in your WordPress admin by going to Dashboard > Updates. This page will tell you if there are any WordPress updates available or if you are already using the latest version of WordPress.

Will any of my settings change when I update Astra or Elementor?

No, none of your Astra settings or Elementor settings will change when you update. All of your settings will stay the same after updating any WordPress plugins or themes.

Submit a question
Integrate Elementor And Create An Opt-In Form
How do I download your MailChimp templates?

All of our tutorials are based around our free Elementor templates.

Watch our tutorial to learn how to download and import our Elementor templates into your templates library.

The MailChimp templates can be found in the SECTION-templates-1 zip file. The templates use the following naming structure: LP-CTA-MAILCHIMP.

Can I still use your Elementor templates if I'm not using MailChimp?

Yes, our Elementor templates will work with any email provider that integrates with Elementor. By default our Elementor templates have “MailChimp” selected in the form widget, however, you can change this to another service if you want to.

When editing the form widget, in the “Action After Submit” tab, you can remove the MailChimp tag and change it to another provider such as Convertkit, Drip, ActiveCampaign, Mailerlite, etc.

How do I create a thank you page?

You can watch our step-by-step tutorial for creating pages in Day 2 of our course.

How do I add a PDF download to my thank you page?

Here’s how you can add a PDF download link to any page on your website using the Elementor button widget.

  1. Upload the PDF file to your Media Library by going to Media > Add New in your WordPress admin.
  2. In your Media Library, click “Edit” next to the PDF file you just uploaded.
  3. In the right-hand column you will find the PDF “File URL”. Copy that URL.
  4. Add a button widget to your thank you page using Elementor.
  5. In the button widget options, paste the PDF “File URL” into the “Link” field.
  6. Now when users click the button, it will open the PDF file.
Submit a question

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.