Showcase your recent blog posts with beautiful cards on any page on your website. To not be confused with the blog listing page. This is not a replacement for your blog layout.
To use this component, just add a HubSpot RSS Listing module with this class:
By default the cards are placed in a masonry layout that optimizes the use of space by reducing any unnecessary gaps, placing the next card at the highest availabe point in the layout, even if that's just a few pixels above the others:
You can disable the masonry layout by adding this class:
If you disabled the masonry layout, you can also make equal height columns by adding this class:
This only works for posts with featured images.
The featured image may be cut off if doesn't fit the available space, or there may be extra space if the image aspect ratio is wider than normal (about 16:10 or 16:9, e.g. 380 x 240 px -or- 750 x 470 px).
Text that doesn't fit will fade out at the bottom.
If you want to place the links on top of the cards, you can add this class:
You can speciy the number of columns with one of these classes:
|three-column||This is the default, if no other is specified.|
If you want to remove the drop shadow from the cards you can add this class: