1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Blog Module - How to place Date Post-Meta above title

Discussion in 'Free Divi Community Forum' started by Scott Douglas, Jan 27, 2020.

  1. Scott Douglas

    Scott Douglas Member

    Hi, hopefully this is an easy css answer, but I was wondering how I would go about moving the date post-meta to be above the entry-title? This is for a blog module I'm inserting into my home page.

    Thanks!
    Scott
     
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_module .et_pb_post {
        display: flex;
        flex-direction: column;
    }
    .et_pb_module .et_pb_post .post-meta {
        order: 1;
    }
    .et_pb_module .et_pb_post .entry-title {
        order: 2;
    }
    .et_pb_module .et_pb_post .post-content {
        order: 3;
    }
     
  3. Scott Douglas

    Scott Douglas Member

    That almost worked, I have 2 rows of 3 columns, and if one of the post titles in the top row is 2 lines, then the post directly below it gets pushed down. Is there a fix for that?
     

    Attached Files:

    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    I would suggest you to create 2 rows with 2 different blog module. For the second row blog module, remember to set Offset Number to be 3.
     
    Scott Douglas likes this.
  5. Scott Douglas

    Scott Douglas Member

    Awesome, thanks!
     
    1. AD Awesome ways to display testimonials in your Divi site: https://divi.help/link-forums/testimonial-slider.148/

Recommended Divi Hosting