Create A Colored Bar Behind Slider Text

I am looking to place a colored bar behind the slider text so that it looks like the below.

com

I have a light colored full screen Hero Image and the slider text is white. I think a green, a black or a gray band behind it (possibly with some opacity) would make the text quite visible.

This is the image I am working with.

Anyone have code for this?

Hi,

Try this:

.slide-inner {
    background-color: rgba(0,0,0,0.5);
}

Add the code in above to Customize > additional CSS.