By the end you can produce an image-and-text card and decide, from a dropdown, which side the picture sits on and how much width it takes.
Ten layouts in one select
The Card Layout list is the heart of this bundle. Five options put the image on the left at a 25/75, 33/67, 50/50, 67/33 or 75/25 split, and five mirror those with the image on the right. Leave the select empty and the card falls back to the classic arrangement: image on top, text underneath. Changing the whole card from a wide portrait thumbnail to a narrow icon is one dropdown, per card.
The link behaves as a wrapper
The Link field is described in its own help text as the wrapper link, applied to the title, the image and the body together. That means the entire card is clickable, not just the heading — useful for teaser grids, and something you would normally have to template by hand. The Link Title Attribute field fills the anchor's title.
Styling without a stylesheet
- Card adds a 2px or a 4px bordered shadow.
- Adding Borders offers eleven styles, from a 1px outline to a 6px bar on one edge.
- Round Borders gives five radii plus a full circle.
- Background, text and border each have a colour and a hover colour, 30 options apiece, and the background takes one of eleven opacity steps.
The complete bundle list lives on the W3CSS Paragraphs module page.
Which Drupal release
Cards here run on Drupal 10, 11 and 12 with PHP 8.1 or newer. If your site is already on Drupal 11.3 or 12, the newer Paragraphs Bundles project is the successor to consider; below 11.3, this is the one that installs.
Need this built into your own site? See Drupal development services, or request a quote.
