1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Blog List (Minimal With Counter 3)

Discussion in 'Basic Support Forum' started by Robin CT, Apr 18, 2023.

  1. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Hi there,

    I'm trying to get the Divi Ultimate blog list (minimal with counter 3) to display 4 columns.

    At the moment, it's only displaying with 2 columns and the numbers are going veritcally.

    Any suggestions on how to display 4 columns while having the count (the grey number on the bottom left of each post preview) go horizontally would be appreciated.

    Thank you
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You will need tutorial like this to display your blog module 4 columns: https://www.elegantthemes.com/blog/...the-number-of-columns-in-the-divi-blog-module

    If you were to use the above tutorial, then the count will be displayed properly.
     
  3. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Hi,
    I couldnt get from the tutorial how to get the 3-4 columns and have the count go from left to right.
    Do you have any other suggestions?
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    From the tutorial, here's what you need to do:
    1. Set this: Blog module settings > Design > Layout > Fullwidth
    2. Go to your Blog module settings > Advanced > CSS Class & add: et-blog-css-grid
    3. Add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  5. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Thank you kindly. Can you please do me a favour and remove the URL I added in the original post?
    Thanks again
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Done.
     
  7. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Thank you
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More