Cards in One Column Template

All the available cards styles in the current CSS layout framework are listed below. It may be possible to mix and match some of them - e.g. cards panorama cards-padded - so feel free to experiment, but don't expect that all combinations will work as expected on all screen sizes.

When using the cards layout with article or container collections, only the "Huge" or "Original Size" image sizing options make any sense. You can select smaller image sizes, but that only governs the physical size of the image and the cards class will replace that with its own layout interpretation so you'll just end up with blurry images.

Standard Cards

cards paging before and after

Padded Cards

cards cards-padded

Fixed Size Image Cards (Huge Image)

Panorama Cards

Other image dimensions can be used:

• image-ratio-square / image-ratio-1x1
• image-ratio-portrait / image-ratio-3x4
• image-landscape / image-ratio-4x3
• image-ratio-wide / image-ratio-16x9
• image-ratio-panorama / image-ratio-21x9
• image-ratio-ultra-wide / image-ratio-21x7

Standard Cards with Date Overlay