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.


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?


Try this:

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

Add the code in above to Customize > additional CSS.