Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

How to turn Block Extended layout in 5 columns?

To turn Block Extended layout in 5 columns move to WordPress Dashboard >> Divi >> Theme Options >> Custom CSS >> add below code snippet.

@media screen and (min-width: 981px) {
.et_pb_blog_extras .el-dbe-blog-extra.block_extended .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide) {
width: 17.2%;
margin-right: 3.5%;
}

.et_pb_blog_extras .el-dbe-blog-extra.block_extended .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide):nth-child(5n+5) {
margin-right: 0;
}

.et_pb_blog_extras .el-dbe-blog-extra.block_extended .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide):nth-child(3n+3) {
margin-right: 3.5%;
}
}