Remove the black box in front of the header image

First, install one of these Custom CSS plugins (pick a simple one)
https://www.ads-software.com/plugins/search.php?q=custom+css

and use this CSS code

.blog-info { background-color: transparent; }

If your header image’s main color and the text color for site title doesn’t have enough contrast (for readability), use this code to change text color for site title and description.

.blog-title a { color: #ff0000; }
.blog-description { color: #00ff00; }

Thanks, paulwpxp! I didn’t know a code existed for a transparent background-color. Made my day so much easier to get rid of that bulky box in the theme.

wouldn’t it be better to delte the entry from header.php instead of hiding via invisible colours?

I can’t make this work with the above mentioned css method.
When I remove the header-inner section from header.php, the height of the header shrinks and cuts off some of the top and bottom of the header image. Can someone help? ??