Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

Align elements in vertical grid layout

Add the following code snippet in Divi Theme Options.

.et_pb_post_extra.el_dbe_vertical_grid .post-media {
    height: 250px;
}
.el-dbe-blog-extra-slider.vertical_grid .post-content {
    flex-direction: row !important;
    flex-wrap: wrap;
}
.el-dbe-blog-extra-slider.vertical_grid .et_pb_post_extra {
    padding-bottom: 0px !important;
}
.et_pb_post_extra.el_dbe_vertical_grid .el-read-more-link {
    display: flex;
    align-items: flex-end;
    width: 100% !important;
}
.et-db .et-l .et_pb_post_extra a.more-link {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .et_pb_post_extra.el_dbe_vertical_grid .post-media {
    height: 150px;
}
}