Step 1: Add the class customBlogOrder to your blog module.
Step 2: Update the 4 “order” values in the CSS to your preferred order.
Step 3: Add the custom CSS to the Divi theme options / Custom CSS area.
Scroll down to see what it looks like using a Divi blog module with the below code where the meta info is moved to the second spot instead of the default third spot.
/* moving info on blog module BEGIN */
/*make the parts of the blog post flexible*/
.customBlogOrder .et_pb_post {
display: flex;
flex-direction: column;
}
/*blog post featured image*/
.customBlogOrder .et_pb_post .et_pb_image_container, .customBlogOrder .et_pb_post .entry-featured-image-url {
order: 1;
}
/*blog post title*/
.customBlogOrder .et_pb_post .entry-title {
order: 3;
}
/*blog post meta*/
.customBlogOrder .et_pb_post .post-meta {
order: 2;
}
/*blog post excerpt and button*/
.customBlogOrder .et_pb_post .post-content {
order: 4;
}
/*remove negative margin on blog image*/
.customBlogOrder .et_pb_blog_grid .et_pb_image_container {
margin: 0!important;
}
/*adjust margin below blog post featured image*/
.customBlogOrder .et_pb_post .entry-featured-image-url {
margin-bottom: 10px;
}
/* moving info on blog module END */Here’s what it looks like:
Why Hiring a Skilled Web Developer is Better Than Building a Website Yourself
In today's digital age, having a professional and effective online presence is essential for businesses and personal brands alike. While DIY website builders may seem like a cost-effective solution, hiring a skilled web developer offers numerous advantages that can...
How to Choose a WordPress Website Designer That Uses the Divi Builder
When selecting a WordPress website designer, especially one specializing in the Divi Builder, it is crucial to find someone who aligns with your business needs and design preferences. Divi is a versatile and powerful WordPress theme that allows for extensive...
Why You Need a Seasoned WordPress Professional for Building a WooCommerce Website
Building a successful WooCommerce website involves much more than simply installing a plugin. To create a secure, functional, and optimized online store, it's essential to hire a seasoned WordPress professional who understands the intricacies of eCommerce design,...
0 Comments