Colors for h1 in WP Show Posts

That worked on one of the lists but not on another (the homepage header magazine grid one in Dispatch).

I found a solution in another support topic that applied the gradient to the image instead of just the h1. I tried this on my site and it looked great...but it made the h1 titles so they weren't hyperlinked anymore, so you couldn't get to the posts. Here's what I used:

.wpsp-card .wp-show-posts-image:after {
content: '';
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.35);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(80, 50, 50, 0.5)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgba(11,11,11,0.5612746807707458) 30%, rgba(251,251,250,0) 100%);
}

Another h1 issue...

Can I use CSS to control the h1 for just the Single Post Hero element? I want it to be white like it is in the Dispatch site, but that makes the h1 white on the back end, which means you can't see it when you're creating a new post.

Edit the Single Post Hero Element, and in the block editor select the H1 Headline block and make its color white.
You can then set the H1 to whatever colors is best for the editor in the Customizer.