Building a Website From Scratch With Avada, Part 3 - The Home Page

Video Tutorial Series - Part 3 (Of 8): A comprehensive video series that describes how to design and build a multi-page website from scratch with Avada and WordPress, devised for beginners and intermediate users.
Part 3 focuses on designing the layout and content for the website's home page. The video demonstrates creating a stylish hero section (above the fold) using Avada Studio content and how to customize background images, text, buttons, and section separators. The focus shifts to building a services section using containers, titles, separators, and background images to create an engaging layout and then how to adjust global typography settings and customize fonts and spacing for consistent design throughout the site.
The next segment is about creating a reviews section utilizing a pre-designed Avada Studio container with imported images and text, adjusting the typography settings, and ensuring a mobile-friendly design for all devices (mobile phone, tablet, desktop). The final segment covers creating a recent projects section using an Avada Gallery element by customizing gallery settings, captions, and load more button options. He demonstrates the use of animations to add visual appeal to the website. The video concludes by previewing the progress made on the home page.
Part 1 - • Building A Website Fro...
Part 2 - • Building a Website Fro...
Part 4 - • Building a Website Fro...
Part 5 - • Building a Website Fro...
Part 6 - • Building a Website Fro...
Part 7 - • Building a Website Fro...
Part 8 - • Building A Website Fro...
--------------------------------
Timecodes:
0:00 - Introduction
1:30 - Hero Container
6:34 - Our Services Container Pt.1
8:04 - Global Typography Options
9:56 - Our Services Container Pt.2
13:37 - Reviews Container
15:37 - Recent Projects Section
19:00 - Home Page Review
#avada #websitebuilder #wordpress
------------------------------
Purchase #Avada ➞ 1.envato.marke...
Related:
• Playlist: Building A W...
Image Optimization Guide - avada.com/blog...
How To Use Global Typography Sets In Avada - avada.com/docu...
Avada Global Options - avada.com/docu...
Avada Resources:
Avada Help Center - avada.com/help...
Avada Tutorial Videos - / @avadavideos
Avada Quick Start Guide - avada.com/docu...
Register For Avada Support - avada.com/docu...
Contact Us - avada.com/cont...
Avada Prebuilt Content:
Complete Websites - avada.website/
Content Blocks - avada.studio/
Social Media:
Like On Facebook - / themefusionavada
Follow On Twitter - / theme_fusion
Share On Instagram - / themefusion
Connect On LinkedIn - / themefusion
Subscribe On RUclips - / @avadavideos
-----------------------------
FTC Disclaimer: If you purchase Avada after clicking on the affiliate link in this video description, we may earn a small affiliate commission from Envato.

[@SqueakyWeasel247]

So helpful, thank you!

[@AvadaVideos]

I'm glad you found it helpful. The content the Setup Wizard provides is a very useful starting point.

[@aliviahoil4898]

with the paint separator I have a 1px horizontal line across the page. why

[@AvadaVideos]

There is a patch released for that issue.