Mult columnar layout?

Hi and thanks for the suggestion!

We added it to our list of potential future enhancements. That said, I am concerned that this would be a very theme specific feature – different themes approach such layouts in a different way and introducing yet another chunk of css just to accommodate our grid view would not make sense, if theme already has some grid system (Bootstrap, Zurb, Prue, etc.) in place. Maybe it would make more sense to users to define custom css classes for cards via shortcode/plugin settings and/or a filter. We’ll have to think carefully about this one.

Hey there Jim,

Could you talk more about the use case for this? Something like a “related articles”-type display?

It would be pretty simple to write a shortcode that wraps multiple calls to the [contentcards] shortcode for a multi-column layout.

We have a pull request open for adding a custom class name to each content card via a filter as well:
https://github.com/ideag/content-cards/pull/56

well, here is a demo:
https://pharm.tvsecure.net/what-we-do/

As you can see it’s just two cards one on top of the other, but that’s really too simplistic.

This would look really cool if the cards were about 1/2 the size, with two per row.

Of course responsive for mobile is key here.

(sure I could expend a bit of time doing the hand coding of the CSS myself, but it seems to me that you could implement a responsive multi column option just as easily–greatly increasing the coolness factor of this plugin).

A picture example, not using your plugin, at another popular website. This may help to show what I’m getting at…

https://goo.gl/z4FQcF

Hi Jim,

As I mentioned before, implementing a responsive grid inside plugin CSS would be quite redundant. If you are using a responsive theme, you already have a responsive grid implemented there, and adding another grid would just increase CSS bloat. One of our goals is to keep as light touch as possible, without adding any more css/javascript/etc than is strictly necessary.

As Stanislav mentioned above, we are adding a filter (and, probably a shortcode attribute, too) to allow people to add custom classes to Content Card containers. This will allow our users to leverage grid systems that are already in place in their themes. For example, if you use Bootstrap based theme, using a shortcode like this [contentcards url="https://example.com" class="col-sm-6 col-md-4 col-lg-3"] will allow you to arrange content cards in a responsive grid fashion.

If your theme uses some other CSS framework, names of the classes would be different, but the general principle would still apply. I think this approach will allow our users to use Content Cards in grid view, while not increasing CSS bloat of our plugin.

Thanks!