Disable Summary Block Clickthrough on Homepage

Hi everyone,

I'm trying to leverage a Summary Block (pulling from a hidden blog page) to surface awards earned on our homepage. There are currently 30 total awards, but we'll be adding more moving forward. I need to disable clickthrough to the individual posts, but I need to keep the pagination (Arrows in the top right) functionality intact so that interested visitors can "see more" of these awards via the carousel.

The images below show what I'm going for, and the CSS that's gotten me pretty close to pulling this off. Obviously the  pointer-events: none is  doing what I want regarding the posts themselves, but its also disabling the navigation to see more... ANY help at all on what I need to change here would be so very appreciated. 

Cheers,
Campos

Try adding to Home > Design > Custom CSS

.homepage .summary-item {
	pointer-events: none;
}

If the code doesn't work, can you share link to homepage? We can check easier.

Wow... @tuanphan thanks so much for the quick reply and the perfect slice of code! That worked beautifully. And makes so much sense... I'll keep learning so y'all don't have to bail me out next time. Much appreciated.

Following on from this, how can I disable the thumbnail click-through on a summary block but keep the click-through from the summary text below the thumbnail? Or, even better, send the click-through from the thumbnail to an external link?

Thanks,

Lucy