How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

How to turn Block Extended layout in 4 Columns

Go to WordPress Dashboard >> Divi >> Theme Options >> Custom CSS >> add below code snippet.

@media screen and (min-width: 981px) {
.et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide) {
    width: calc(24% - 6px) !important;
   margin: 6px!important;
  }
}

Output:

divi-blog-in-4-column
Previous How to turn Block Extended layout in 2 columns
Next How to turn Block Extended layout in single centered column