Hi there, thanks!
Do you mean for the featured slider? If so you need to modify /inc/featured.php with a child theme and locate this: https://pastebin.com/5zeXSHGZ (exists in two places in featured.php, if you use a slider you need to edit #2 spot. If no slider, #1 spot)
Then add a div with this name around that code above:
<div class="slider-overlay">
- rest of the code here -
</div>
Then add something like this as CSS:
#flexslider-featured .post-thumbnail { margin-bottom: 0; }
#flexslider-featured .post-title a { color: #fff; }
#flexslider-featured .post-hover { position: relative; }
#flexslider-featured .slider-overlay { background: rgba(0,0,0,0.7); padding: 10px 20px; position: absolute; bottom: 0; left: 0; right: 0; }
@media only screen and (max-width: 719px) {
#flexslider-featured .slider-overlay { position: static; background: #333; }
}
Should get you started! Will look like this if added correctly: View. You may want to modify font sizes etc, so it doesn’t cover as much of the image.
I will not be able to support more on this customization, so I’m marking as resolved!