Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Blog Extras Documentation

Search for answers or browse our knowledge base.

Table of Contents
< All Topics
Print

Change the order of meta data in slider layout

To change the display order of meta data in divi blog extra please add the following CSS in Divi Theme Option.

.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content {
	display: flex;
	flex-wrap: wrap;
}
.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content .entry-title {
	order: 1;
	width: 100%;
}
.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content .post-meta {
    order: 0;
    padding-bottom: 0;
}
.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content .post-data {
	order: 2;
}
.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content .el-read-more-btn {
    order: 3;
}
@media screen and (max-width: 767px) {
	.el-dbe-blog-extra-slider .et_pb_post_extra.el_dbe_grid_extended .post-content {
		padding: 5% 8%;
	}
}

Output: