Skip to main content

Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
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;
}
}
Table of Contents