How to change your blog from masonry grid layout to full width with a left aligned image

by Trace at SuperDivine Web & Tech | May 21, 2021 | Divi theme, Tea Break Tutorials | 0 comments

Hi there, trace here!

Another Teabreak Tutorial from Super Divine Web Design

Is your Divi Blog page layout looking a little tired? Or perhaps you’re fed up with using the Divi masonry grid option?

Well say no more! I have just the thing you need. In today’s Teabreak Tutorial (video captured using Screencast-O-Matic) I will show you how to easily change your blog from masonry grid layout to a full width layout, and a nicely sized left aligned featured image.

change-masonry-grid-blog-layout-to-full-width-with-left-aligned-image

TUTORIAL CHECKLIST

What do you need for this tutorial?

1. Please download my instruction document!

2. Have 2 hex codes from your biz branding colour palette ready to copy & paste: these are for the “READ MORE” button & hover colours.

3. Set aside 6 minutes – yes only 6 minutes to give your blog layout a new fresh look!

DOWNLOAD

CREATING A CSS CLASS

change-masonry-grid-blog-divi-theme-css-class

PASTE IN YOUR CSS CODE TO PAGE SETTINGS & UPDATE BUTTON COLOURS

change-masonry-grid-blog-layout-divi-theme-css-code-read-more-button

Like this video? Please pop over to Twitter and let me know – thank you. Trace x

@SuperDivineWeb

Submit a Comment Cancel reply