Skip to content

Instantly share code, notes, and snippets.

@elicus
elicus / gist:1f3088e42a7f7837c034cb33874b0287
Created July 27, 2018 12:18
How to adjust width of media and content container in Full width Layout of Divi Blog Extras Plugin
Option 1: This option uses one third of available width for image and two third for the content area. (default is 50%)
@media screen and (min-width: 981px){
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_full_width .post-media{
width: calc((100% - 120px) / 3);
}
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_full_width .post-content{
width: calc((100% - 120px) / 3 * 2);
}
}