Full Width WIth Smaller Image

Maecenas tincidunt leo et pharetra laoreet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Cras ac nisl in arcu aliquet rutrum vitae ut sapien

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Morbi maximus mauris vitae nibh semper ultricies

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

Proin dapibus turpis et felis dignissim pulvinar

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...

How to Achieve

Add Divi Blog Extras Module to a Page and Select Full Width Background Layout

Go to Divi Builder Page Setting

Paste the code given below in the Custom CSS area

@media screen and (min-width: 981px){ .et_pb_column_4_4 .et_pb_post_extra.el_dbe_full_width .post-content { width: calc(((100% - 120px)/3)*2); } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_full_width .post-media { width: calc((100% - 120px)/3); } }