Just the third card (for now)

🔍 Problem

The “Featured Project Docs” block showed three cards in a grid. But theming just the third card (to differentiate it visually and functionally) wasn’t straightforward:

• It’s part of a View grid, not a standalone block

• Views don’t natively support "wrap this one result in a special container"

• We needed to make the whole card clickable, not just the title

• We achieved that by using a **Custom text field** with **Rewrite results → Output as link**, placed in just the right spot

• And all without breaking the layout

🛠️ Solution

• We used Views field templates to override how the third result is rendered

• Targeted .views-grid-box-3 to apply custom styling

• Injected a full <a> wrapper around the image + title + body using views-view-fields--promoted-cards--block.tpl.php

• Added custom CSS for hover effects, subtle transitions, and soft borders to give it a unique identity

• Made sure the card linked to /project-pages, where deeper documentation could unfold

🎨 Design Philosophy

The goal was not to shout.
It was to invite.

The third card quietly distinguishes itself — no badge, no hard border. Just:

• A different background gradient

• Softer shadows

• Clickability that feels natural

• A thematic transition from homepage to documentation

💡 Lessons Learned

• Cards in Views can feel like blocks — and sometimes that’s enough

• Wrapping content in a link is powerful, but requires precision

• One well-placed class (.views-grid-box-3) can change everything

• “Not a block” doesn’t mean “not themeable”

• And yes — always clear your cache.

No kittens were harmed in the theming of this card...
…but there were some close calls.