How to make banner caption box transparent

You will need some custom CSS, so if you are not using jetpack or a child theme, use a plugin like Simple Custom CSS that lets you create your own stylesheet. The background in question uses an opacity setting on the background-color:

.banner-caption {
    background-color: rgba(0,0,0,0.30);
}

To cancel that out, do this:

.banner-caption {
    background-color: rgba(0,0,0,0);
}

Thanks for the help. Just what I needed.

I have another question about editing the font family using jetpack css editor. Firebug gives me a line number on the CSS side to refer to but the HTML does not show line numbers. Can I do something to make it show those numbers?

You’re very welcome.

Regarding your other question, I’m not sure how you can do that with Firebug because I never use that..for me I use the Chrome browser’s F12 tools. You may want to do a google search on how to show HTML line numbers in Firebug

Actually I found a plugin that gave me those line numbers. Thanks.