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 Problem when using "BLOG LIST (MINIMAL WITH COUNTER 3)"

Discussion in 'Basic Support Forum' started by Matt Andrews, Dec 7, 2020.

  1. Matt Andrews

    Matt Andrews New Member

    When I try to have more than 3 posts in the "BLOG LIST (MINIMAL WITH COUNTER 3)" it displays top/down and not left to right. I've tried this module on more than one blog page and when I set the grid to display 9 posts it displays 1-2-3 top/ down etc.

    I need it to display like a normal person would read it. 1-2-3 left to right. CleanShot 2020-12-07 at 11.57.42.png CleanShot 2020-12-07 at 11.58.03.png
     
    #1 Matt Andrews, Dec 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Due to Divi rendering the blog posts column by column, that's why the numbering is being displayed top > down.

    But here's a workaround with some limitation:
    1. Set your blog module to have 3 posts only.
    2. Duplicate your blog module.
    3. Then go to the cloned blog module settings & set post offset number to be 3.
    4. And go to the cloned blog module settings > Advanced > Custom CSS > Main Element & add counter-reset: posts 3;

    And here's the limitation of this method:
    - In tablet view, you will see the blog module to line up to be:
    2 post
    1 post
    2 post
    1 post

    This is the only workaround that I could think of.
     
    #2 Divi.Help Pro Support, Dec 8, 2020
  3. Matt Andrews

    Matt Andrews New Member

    I did what you said but using the Duplicate your blog module and inserting counter-reset: posts 3; in the main element did not get me to a 456 in that next blog module.

    Please assist.



    CleanShot 2020-12-09 at 16.44.53.png






     
    #3 Matt Andrews, Dec 9, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It doesn't show up in the Visual Builder, but it will show up fine on your live site.

    Try to save it & check your live site.
    **If still not working, you may try to add !important tag in it: counter-reset: posts 3!important;
     
    #4 Divi.Help Pro Support, Dec 10, 2020
  5. Matt Andrews

    Matt Andrews New Member


    I have added this: counter-reset: posts 3!important; and when I check it on the live site it still looks like this: With the NUMBER CORRECT but the Blog Post CONTENT is identical... WHAT DO I DO?

    CleanShot 2020-12-14 at 15.21.45.png
     
    #5 Matt Andrews, Dec 14, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    As mentioned in previous post, you need to set the blog module settings post offset number to be 3:
     
    #6 Divi.Help Pro Support, Dec 14, 2020
  7. Matt Andrews

    Matt Andrews New Member

    I had the updated 5.6 Wordpress... I then updated to the 4.7.7 Divi Release that was put out overnight, and then I installed DU 8.0.2. I made sure the offsets were correct and then added the: offset code for the CSS section and then went and looked at the live page and BOOM! IT WORKS. THANK YOU SO MUCH!

    CleanShot 2020-12-15 at 10.28.47.png
     
    #7 Matt Andrews, Dec 15, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
(You must log in or sign up to post here.)