Grid Covers with CSS

This makes the whole image a link, not just the text.

On this page we have edited the query loop, removed the Featured image and added a cover block showing the featured image. We have add the Title & date inside the cover block. We grouped the cover block and added a background image to the group. This shows up if there is no featured image.

Added a css fragment, the cover block has a class of expand-link.

 .expand-link a::after{
content: " ";
position: absolute; cursor: pointer; top: 0; left: 0;
width: 100%; height: 100%;
}