Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy 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:

Cyber Monday Popup