The most powerful Content Grid Module for Beaver Builder is here!

Last updated October 13, 2016 · Puneet

PowerPack Beaver Builder addon just got stronger with its new Content Grid Module. PowerPack’s new content grid module offers great control over the content output and styling. We take  pride in calling it the “Best” content grid module for Beaver Builder. We are sure that you will be able to knock out great designs in a matter of minutes.

Here’s an overview of the available options for the content grid module.

Layout Options

The content grid module for Beaver Builder offers two different layout options – Grid & Carousel. Grid option has 8 Preset Style Layouts to choose from.

You can set the number of columns for each row and also change the number for tablet and mobile devices.

Content Grid Layout Options

Content Options

Content options can be used to select the post type and limit the output to certain categories, tags etc. It’s like a visual WP Query builder where you can pass all the parameters with a few clicks.

You can display a custom read more button or link the entire grid box to post/page URL. Then we have meta options to hide / display the metadata and also an option to crop images to different aspect ratios.

Content Grid Settings 1

Content Grid Settings 1

Content Grid Settings 3

Style Options

Content Grid’s easy to use style options allow you to create an unlimited number of designs for the grid. Content Grid module offers styling options for all the elements including the grid container, pagination items, and filters.

Content Grid Style Options 1

 

Content Grid Style Options 2

Typography

Typography settings offer you finer control over text styling. You can use it to change the font family, font size, font weight, line-height and letter spacing. This section covers all the text elements – Title, excerpt, read more link, meta, filters and pagination items.

Content Grid Typography Options 1

Content Grid Typography Options 2

Content Grid Typography Options 3

Content Grid Typography Options 4

Examples of Content Grid Module

Here are some screenshots of the grid layouts that we were able to build out with the Content Grid module. Whether you want something bold or elegant, you can build it all with the best Beaver Builder addon – PowerPack.

Click here to check Content Grid Demo

Grid 1

Grid 2

Grid 3

grid4

grid5

 

These are only a few examples of what can be done with PowerPack’s Content Grid Module. We are sure our users will be able to use it in more creative ways. PowerPack’s Content Grid module is a perfect fit for all user levels. It has all the options that you can think of and we will only keep improving it every day.

So, if you haven’t got your copy of PowerPack addon yet? Now is the time! Head over to the pricing page and pick your package.

Posted in

A few more interesting posts →

15 Comments

  1. Dan on August 5, 2016 at 7:05 pm

    This is just fantastic, Puneet! I can’t wait to take advantage of these grids for our upcoming blog. Thanks for the active development.

  2. Steven Lane on November 17, 2016 at 10:29 am

    Could you explain the options for cropping the feature image in the post grid?

    Particularly, if the feature images have different heights, can you crop the images to a standard landscape format?

    Thanks!

  3. Luke on April 29, 2017 at 3:39 am

    Hello,

    I added a categories and tags plugin for my website’s pages. Will this plugin work for that?

    • Puneet on April 29, 2017 at 11:25 am

      Hello Luke,
      Yes, it should. The module checks for available taxonomies of the selected post type.

  4. Mark Watt on May 27, 2017 at 4:13 am

    Hello,
    How do I link the Content Grid out to external URLs instead of the post URLs? I want to use the grid to show products (each saved as a post) but then link out to the buy pages on another website.
    Best,
    Mark

    • Puneet on May 28, 2017 at 10:39 pm

      Hi Mark,
      It’s not possible to link to external URLs. You might like to use Gallery module in that case.

  5. Brett on June 26, 2017 at 6:45 pm

    Is it possible to link directly to a specific filter from an outside link, as BB has demonstrated with these 2 modules? I tried just in case. Perhaps I’ve overlooked it or can be a tweak for a future release?
    http://kb.wpbeaverbuilder.com/article/52-link-to-specific-item-in-tabs-or-accordion-module

    • Puneet on June 27, 2017 at 11:00 am

      Hi Brett,

      It’s not currently possible to link to the filters. We can add this to our list 🙂

  6. John on June 27, 2017 at 2:13 am

    Hi Puneet,

    Was hoping to use content grid for related products on woocommerce pages styled with Beaver Themer. At the moment, only specific categories can be added so this won’t work. Are there any plans to integrate field connections for themer so that we can set the content grid to automatically show products related to the category of product being viewed?

    Cheers,
    John

    • Puneet on June 28, 2017 at 10:24 pm

      Hi John,
      That’s a nice idea but, it’s not possible to integrate field connections for the Content Filters in the Grid module.

  7. Mario on August 30, 2017 at 2:38 pm

    Does the post grid support custom fields or custom post fields?

  8. John Falke on July 24, 2018 at 1:43 pm

    For the Content Grid module, how would I make the filter use AND instead of OR. Like if I choose a Category and a Tag and I only want posts that have both of those… how would I do that? It seems like by default it uses OR… this category OR this tag.

    • Puneet on July 24, 2018 at 11:19 pm

      Hi John,

      For advanced filtering features, it will be best to use FacetWP plugin https://facetwp.com/ it works with Content Grid module 🙂

  9. Jason on October 16, 2019 at 1:48 pm

    Can you tell me how I could make the individual boxes larger? For example, if I have 4 columns set for desktop, I want the size to be 100% width of the page.

Leave a Comment





PowerPack Beaver Addons

PowerPack Beaver Addons

Start creating beautiful websites with 50+ modules and 350+ templates for Beaver Builder.

Join 6000+ Subscribers.

Get latest Beaver Builder Tips and Updates in your Inbox. 

Please enter your name.
Please enter a valid email address.
Something went wrong. Please check your entries and try again.