Search Divi Gallery Extended Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

How to move the pagination up to the top of the masonry grid?

Add the below CSS in Divi Theme Options to move the pagination up to the top of the masonry grid.

.el_masonry_gallery .et_pb_module_inner {
    display: flex;
    flex-direction: column-reverse;
}
.el_masonry_gallery .el_masonry_gallery_pagination_wrapper {
    margin-top: 0;
    margin-bottom: 30px;
}

If you are using the Dynamic Masonry gallery add the below code to move the pagination up to the top.

.el_dynamic_masonry_gallery .et_pb_module_inner {
    display: flex !important;
    flex-direction: column-reverse !important;
}
.el_dynamic_masonry_gallery .el_masonry_gallery_pagination_wrapper {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}