How to Remove Opacity/Mask

Hi Beverlylodge,

Could please share a difference screenshot of that feature(OnHover and Without Hover)?

Also share your live slider URL?

We will check and respond to you with some result.

Thanks
Weblizar

I don’t have a screenshot, but it can be viewed here.

I really appreciate it. I’m kind of at a loss here. I’d just like to remove the opacity altogether and keep the state as it is on hover so that the slider appears as one solid color.

Hi,

Follow My instruction to remove opacity effect-

Step-1 : Open plugin directory on your server, now open plugin ultimate-responsive-image-slider folder.

Step-2 : Now open css folder, here you will see a file name is – slider-pro.css , open this file on any editor.

Step-3 : Now go to near line 38 on this file, Here you will bee see below css code –

.sp-image {
	position: relative;
	display: block;
	border: none;
}

Step-4 : Replace above css code with below css code –

.sp-image {
	position: relative;
	display: block;
	border: none;
        opacity : 1 !important;
}

Step-5 : Save the code and then visit your site.

Let me know if you get any problem regarding this procedure.

Thanks

Thanks so much for your effort – but that didn’t work either ??

Can you contact me at lizarweb[at]gmail[dot]com.

Thanks

I have check your site you have not update the code yet.

Just open ultimate-responsive-image-slider folder from your plugin directory.

And then open css folder ,now you can see a file here name is slider-pro.css. Open it on any editor.

Just go to near line 38 and replace this code

.sp-image {
	position: relative;
	display: block;
	border: none;
}

with that code

.sp-image {
	position: relative;
	display: block;
	border: none;
        opacity : 1 !important;
}

For More help check these screenshot-1 and screenshot-2.

Let me know if your issue will not resolve.

Thanks

User error! I saved the css file in the wrong directory – I made those changes and it worked beautifully thank you very much!!!