How Can We Help?

Search for answers or browse our knowledge base.

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

Previous How to display block extended image without cropping
Next Remove the box shadow in Block Extended layout