CSS - Background color to image/video slider

Question

I am trying to add background color to the overall image slider located at http://192.241.239.235 so that it looks like

.

I have tried adding the style attribute

background-color: rgba(0,0,0,0.6);
overflow: auto;

to the

<div id='content'>

but the background color just does not show.

Answer 1

You already have an overlay on your slides that you can change here: .tp-banner ul li:after . And I see that you need to give it a higher ´z-index´ to make it appear above the video in the slideshow.

/* The fullscreen video */
.tp-caption.fullscreenvideo {
  z-index: 0;
}

/* The covering black */
.tp-banner ul li:after {
  background: rgba(0,0,0,.6);
  z-index: 1;
}

/* All slideshow content */
.tp-caption {
  z-index: 2;
}