CSS to Darken a slider Image?

I’m sorry but what you’re asking is not possible with a CSS instruction. Something like background-opacity does not exist.
I’d suggest to darken the image in a photo editor, that’s the easiest solution

Thanks for taking a look anyway. Appreciate it.

No problem, I’m here for any problems or questions

So how can i keep the semi-transparent bar containing the logo at the top all the time (rather than only when scrolling down)?

Thanks.

mstep,

To make image darker….

I setup with ‘slider options’ with no image and background color of black. Then, I clicked ‘add image’ (layer) and in its CSS, added: opacity:0.70;

It’s allowed the black background to come through. Obviously you can adjust the 0.70 to your needs.

Hope that helps.

Thanks, @fwdcar. That works well.

There is one issue though. It you have a text overlay as well the (full screen) image hides it and once it is there you cannot access the text layer behind it. By putting the image in first and then adding the text layer seemed to work though. If there a trick I am missing?

Hi,

Hmmmm. Interesting. I hadn’t run into that, but only because I probably added the image first. (just recently began using this great plugin).

I tried it the way you said, and you’re right, you can get into a position of not being able to get at the text layer. What I had to do was go into the slider settings/slider general options and set the start height to something really big so that I could move the image around to expose the text. Once I was able to get at the text layer again, I changed its z-index to 99 so that it stayed on top and then set the height back to original value.