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:
— ⚒ // 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:
How to set up a Divi Full Width Slider:
Exploring all Divi Builder Modules:
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