Hi,

Thanks again for this awesome theme and these wonderful updates. The theme is still greatly evolving and I never see this in others theme. Thank you.

I love the new transparent header and the new look of the 4.0.2 update, but I can't use the transparent header on Nectar Slider because my slider images are not enough dark to make the menu readable.

I thought that I can put a darker cover layer (with transparency) above the images and below captions and navigations items.

Could you tell me if there is a way do add this cover on Nectar Slider with CSS only by targeting an html element?

Maybe I can change the opacity of the image with css only ?

Or, at least how to change the core files ?

I'm only want the cover layer on the home page Nectar Slider (I use full screen slider with scrolling-down arrow).

I attached an image to explain what I want to achieve.

Thanks in advance.

Rico.

Hello,

I was able to add a cover layer on the home Nectar Slider with this CSS rule :

.home .swiper-container .swiper-wrapper .swiper-slide:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(64, 66, 72, 0.8) !important;
z-index: 1;
}

Can you confirm this the right way to do it ? Feel free to make this post public.

Have a great weekend.

Rico.

OK thanks Tahir !

This is just what i was looking for! Thank you! 

You're welcome Martin !