Adding Gradient Overlay On Fullwidth Easy Slider

Hi,
I’ve added gradient overlay to the fullwidth easy slider using the CSS below from other threads here.
Despite messing with Z index values on loads of elements, I can’t get the title, caption & button to appear in front of the overlay.
Any advice would be great.
Thanks
Steve

.avia-slideshow-inner:before {
content: ”; display: block; width: 100%; height: 100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(90deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#000000″,endColorstr=”#000000″,GradientType=1);
position: absolute; top: 0; left: 0; z-index: 100;
}

#top .avia-slideshow-arrows a {
z-index: 200;
}

.avia-slideshow-inner li {
z-index: 200;
}

• This topic was modified 2 years, 11 months ago by Steve.