How to Make a Website with Astra | (Astra Theme + Elementor Tutorial)

Astra has been our favorite theme for WordPress for many years now. Today I want to show you guys have to build an awesome website with Astra! Check out this tutorial on How to Make a Website with Astra going into 2024.

Get a FREE Domain Name & Discounted Hosting for Your Website:
Use coupon Code: createaprowebsite for an additional 10% discount on all yearly hosting plans.

Get Astra's Pro Theme:

(note: I’ll make a small commission at no extra cost to you when you use this link)

TIMESTAMPS
-----------------------------------------

00:00 - Intro
0:34 - Step 1: Domain & Hosting
4:23 - Step 2: Starter Templates
5:57 - Step 3: Customize your site
6:24 - Elementor Basics: Sections, Columns, Widget and Style Tab
15:45 - Editing the Button
16:17 - Advance Tab
17:26 - Update Button
18:00 - Editing the Hero Section
25:16 - Editing the About Section
36:02 - Editing the Services Section
39:18 - Editing the Promotional Section
42:43 - Editing the Testimonial Section
44:42 - Editing the Contact Section
50:59 - Editing the Services Page
53:02 - Editing the About Page
56:37 - Editing the Contact Page
59:15 - Previewing the Website
1:00:17 - Header Footer Logo & Favicon
1:01:10 - Making a FREE LOGO
1:05:21 - Making a Favicon
1:06:17 - Adding Logo and Favicon on Website
1:07:55 - Editing the Header Using Astra Customizer
1:12:25 - Changing Global Colors
1:14:03 - Editing the Footer Using Astra Customizer
1:17:46 - Explaining Astra Customizer Options
1:19:02 - Step 4: Mobile Responsiveness

OTHER HELPFUL VIDEOS
-----------------------------------------
How to Backup Your Website in 5 Minutes:

How to Create a Business Email for Free

How to Create a Free Logo for Your Website:

How to Secure Your Website From Hackers:

How to Create a Website in 10 Minutes:

FOLLOW & CONNECT WITH US
--------------------------------------------------
My Website :

Create a Pro Website Instagram:

Create a Pro Website Facebook:

And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:

[MihirRanjan-vsmz]

Great video, finally made my first wordpress website.

[MBK-vg]

I have watched lots of videos like these, but yours is the best I have seen so far. Very well explained. I got so many things that i couldn't before. Thank you

[aljenith]

The amount of effort you put into this video is just beyond amazing. I love how you explained every single thing with patience. Helped me a lot.

[TheGrassrootsPhysio]

Can I just say... Thank you so much.

I tried 4 or 5 different videos and NONE of them explained this as good as you have. Was legit about to give up making my website until i found your tutorial.

Thank you so much 🙏🏼

[Breslima]

This is one of the best - maybe even THE best - video on this topic. Your explanations are very clear and stick to the topic in hand. Thank you

[bborpujari]

The best and most clear video that I have watched so far. You are a great teacher and your video made so much sense for a newbie like me, trying to create a basic website for my self using Wordpress and free themes from Astra. THANK YOU!

[nicolek]

Thanks for posting this. I’m currently in the process of learning and I can’t wait to make web design my career one day. Your videos have been so helpful in the process.

[EzraRay]

I just want to say how much I appreciate that you don't include music or sound effects in your videos. I have ADHD and really struggle with watching long educational videos - I'd much rather read if I can - but with things like this, you really need a visual. So when it's just you and the thing you're teaching, I'm able to be clear of the distraction of music and sound effects if I wish, OR, I can put on some workflow music on another tab behind it if my brain decides that's what's going to make it run better that day.

This is fantastic, you're fantastic, thank you so much!

[arcanecave]

I loved all the little tricks you added to this training! Also realized I was building from scratch and I am mad at the choices I've made..

[montheist_tv]

The hamburger analogy makes a lot of sense, thanks. Not enough people explain the basic concepts like that.

[SGSpotlight]

Bro you're change over the year Internet is so crazy good to see you bro I have seen your video 6 years ago I'm back to see your latest one

[ahmetyasarozer]

This helped me a lot. Appreciate your efforts. Thank you very much <3

[brandall]

Thank you for this excellent tutorial--I learned a lot!

[roastedgarlic]

Your mouse scroll wheel is typically also a button, not all mice have this, but most do. If you click this while on a link it will automatically open it in a new tab so you don't have to right click and then open in new tab. Just a little trick for anyone who didn't know this.

[ShinobiSelect]

Any idea why the template from Astra converts to a whole text editor instead of independent widgets. Because Elementor is converting the template into a single text editor, I am unable to edit the photos.

[gillesgagnon]

Fantastic video! Thanks for taking the time.
Question for the Pros:
Astra allows us to create global styles for both primary and elementary Buttons.
In Elementor, how can we make use of or reference the Secondary Button style?
Cheers!

[agkbeatz]

When I build a site on localhost, will the URL for the button be the same?

[davazno]

how do you change the colour of subcategories to be the same as the menu ?

[Historicalfactbymalik]

i cant find elemantor in my website... do i need to install ?? how ?

[smarty_]

This video give me a right direction to learn web designing ❤