Full Width WIth Smaller Image

Eget volutpat felis duis ultricies ipsum

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Proin justo dui consectetur nec luctus et posuere in elit

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Sed sem nisi molestie ut metus eu honcus

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

In hac habitasse platea dictumst nunc commodo

Pellentesque accumsan nulla nec dui imperdiet, eget condimentum leo laoreet. Suspendisse sed leo et felis facilisis imperdiet. Aenean aliquet consectetur est et rutrum. Vivamus varius ut ex id egestas. In faucibus diam at ante posuere, a porttitor orci vestibulum....

Child with toy virtual reality headset

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); } }