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 Recreating Divi Ultimate 'Archive Grid Style 4' for Blog Posts

Discussion in 'Basic Support Forum' started by Stories of Bike, Sep 6, 2021.

  1. Stories of Bike

    Stories of Bike New Member

    Hello again,

    Spent quite a few hours trying to recreate the blog archive page & pagination here: https://diviultimate.com/blog/?du_cat_layout=grid-3-col

    While I have got the 'Latest Blog' top bar figured out, sadly I can't seem to find any templates to recreate the drop shadow boxes or pagination for the archive blog posts/layout.

    Any help would be greatly appreciated!
     
    #1 Stories of Bike, Sep 6, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To style your achieve page, you may choose the premade design at Theme Customizer > Divi Ultimate > Archive / Category Page Blog List
     
    #2 Divi.Help Pro Support, Sep 6, 2021
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you're looking to add the design at normal pages, then you can easily re-create the drop shadow boxes blog by:
    1. Add a new blog module.
    2. Then set this: Blog module settings > Design > Layout > Grid
    3. And this: Blog module settings > Design > Border > Grid layout border width > 0
    4. And add box shadow to it: Blog module settings > Design > Box Shadow
    **Though, you can't have category to be placed on the top right of the blog module. That is custom coded by our premade archive feature.

    Also, sorry to say that the pagination styling is only available for archive pages.
     
    #3 Divi.Help Pro Support, Sep 6, 2021
    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
  4. Stories of Bike

    Stories of Bike New Member

    Thanks for both of those replies. No luck with the 'premade design at Theme Customizer > Divi Ultimate > Archive / Category Page Blog List' option. Changes made in the customiser while on my main blog page don't seem to make any difference to the design. http://stories5.wwwaz1-ss42.a2hosted.com/blog/

    Maybe it's the 'archive page' format? I'm assuming that an archive page is a page that show blog post previews, allowing you to choose one and then read the full post. But maybe this isn't correct? Am I trying to add a template design to the wrong type of page?

    Re: the second response, I have managed to make it part way to recreating the 'drop shadow boxes blog' without the pagination or category at the top right (this isn't necessary for now) but I can't manage to get the spacing right i.e. all the internal content is smashed hard against the edge of the box. http://stories5.wwwaz1-ss42.a2hosted.com/blog-2/
     
    #4 Stories of Bike, Sep 6, 2021
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You will have to select that page as blog page: WP Admin > Settings > Reading > Posts Page > Your Blog Page.

    And this is what it will look like: http://stories5.wwwaz1-ss42.a2hosted.com/category/uncategorized/

    You may set your archive header at: Theme Customizer > Divi Ultimate > Archive / Category Page Header
    Try to go to the Blog module settings > Advanced > CSS Class & remove free-blog-no-padding
     
    #5 Divi.Help Pro Support, Sep 6, 2021
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  6. Stories of Bike

    Stories of Bike New Member

    Fixed!

    Awesome. :D

    But now I seem to have lost the ability to edit that page...

    I need to add some more sections after the blog archive and before the global footer.

    Thanks for your patience.
     
    #6 Stories of Bike, Sep 6, 2021
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Yup. By doing that, you won't be able to edit the page with Divi Builder.

    If you wish to add more section before the global footer, I would suggest to use Divi Theme Builder > Add new template for 'Blog' > And disable global for the custom footer:

    upload_2021-9-7_17-36-54.png

    And edit it & add your sections in it, right before the footer section.
     
    #7 Divi.Help Pro Support, Sep 7, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  8. Stories of Bike

    Stories of Bike New Member

    Thanks!
     
    #8 Stories of Bike, Sep 9, 2021
(You must log in or sign up to post here.)