How to Add a Featured Blog Post (Tutorial in Divi) (no code!)

How to Add a Featured Blog Post (Tutorial in Divi) (no code!)

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:

Start Here

// 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:

Start Here


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

Blogging