https://youtube.com/watch?v=z-4MrMM_qwI
In this Divi Theme Tutorial, I’ll show how to add a Featured Blog Post to the top of a Blog page using the Divi Builder’s defautl modules – no code!.
Code in CSS:
#logo {max-width: 260px;}
(change 260px to the width your logo needs to be)
This tutorial is designed to help you customize your WordPress website easily with great results. Just note that some of the links below are affiliate links I earn commission from:
// DOWNLOAD DIVI:
https://creatorimpact.com/downloaddivi
// FULL IN DEPTH DIVI TUTORIAL PLAYLIST (build a website, step by step):
EDIT DIVI HEADER IN THEME BUILDER:
https://www.youtube.com/watch?v=n7SlGRnL_Bg&list=PLsaZXe5Zf2eHdnOQldePh8O3yyx036DSn&index=2&t=1408s
— โ // TOOLS // โ —
The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!
๐บ USED FOR MY VIDEOS:
๐ด Camtasia (screen recording): https://creatorimpact.com/camtasia
๐ท Camera – Canon Rebel T7i: https://amzn.to/3Qzsi28
๐ Nicama Lavalier Mic: https://amzn.to/3BR5OW3
๐ Audio-Technica Mic: https://amzn.to/3PivRbH
๐ฅ WEBSITE / WORDPRESS BLOGGING
๐ WebHosting Siteground:https://creatorimpact.com/siteground
๐ฅ Divi WordPress Theme: https://creatorimpact.com/downloaddivi
โ All in One SEO Premium Plugin: https://creatorimpact.com/aioseo
๐ฉ EMAIL NEWSLETTER:
๐ConvertKit: https://creatorimpact.com/convertkit
๐ MISC:
๐ Adobe Photoshop: https://creatorimpact.com/adobephotoshop
๐ Canva: https://creatorimpact.com/canva
๐ธ FREE YouTube Thumbnails PSDs: https://creatorimpact.com/free-youtube-psds/
๐ฅ PREMIUM YouTube Thumbnails PSDs: https://creatorimpact.com/youtube-thumbnail-psd-templates/
๐ธ FREE Facebook Cover Images PSDs: https://creatorimpact.com/free-facebook-psds/
๐ฅ PREMIUM Facebook Cover Images PSDs: https://creatorimpact.com/premium-facebook-cover-image-psd-templates/
FREE PHOTOS:
๐ธ Unsplash: https://unsplash.com/
๐ธ Pexels: https://www.pexels.com/
// LEARN MORE
๐BEGINNER COURSE
Build a website, set up your presence online and start earning money:
// CREATOR IMPACT
๐ค Follow Creator Impact on Social Media!
๐ Facebook: https://www.facebook.com/creatorimpact
๐ Instagram: https://www.instagram.com/creatorimpact/
๐ Twitter: https://twitter.com/creatorimpact
// TIMESTAMPS
0:00 – Intro & opening the Theme Builder
1:32 – Adding in the Main Blog Template Modules
2:41 – Creating the Page Header
8:26 – Styling the content area & Overlapping
13:38 – Linking ‘Featured Image’ to Header Background
14:01 – Adding Call to Action Module & Stlying
15:47 -Save & Test Layout
16:50 – Making design adjustments
21:12 – Make responsive for Tablet & Smart Phone
This Divi theme tutorial is for beginners and is a part of our series showcasing how to make a WordPress website with Divi – an in-depth series of WordPress tutorials showing you how to make a Divi website by breaking down the individual areas and walking through how they work, step by step. We show you how to use this powerful theme in a number of ways!
We cover:
– Designing your base template (using the customizer or the theme builder)
– A beginner Divi visual builder tutorial
– How basic design options and modules work
– a variety of page layouts you can build and download.
The theme used here is called Divi (Elegant Themes top WordPress Theme). It is a complete and comprehensive WordPress page builder along with a site-wide editor known as the Divi theme builder.
// LEARN MORE
Our Full Divi Theme Playlist:
Exploring the Full Width Header Module:
https://www.youtube.com/watch?v=arkChwLeTlw
How to set up a Divi Full Width Slider:
https://www.youtube.com/watch?v=VC3o3d7jc98
Exploring all Divi Builder Modules:
https://www.youtube.com/watch?v=vtGGNm8p4KY
For my Free Beginners Email Course:
Learn how to get your business or blog online, reaching more people and making more money!
// CREATOR IMPACT
Follow Creator Impact on Social Media!
Facebook: https://www.facebook.com/creatorimpact
Instagram: https://www.instagram.com/creatorimpact/
Twitter: https://twitter.com/creatorimpact