home page slider opacity

[John Raleigh]

I’m looking for the CSS that will make the hover color on the home page slider less opaque. Currently the underlying image is barely visible.

[Sonnal S Sinha]

Kindly show us the website.

Will help with simple CSS instructions.

Regards,
Shri

[John Raleigh]

I’ve tested opacity settings on many of the CSS items but can’t find one that will reduce the opacity of the color obscuring the paintings on the home page during rollover. Thanks!

www.billdukeart.com

[Sonnal S Sinha]

I think its already given in Basic Settings. And i see you changed the color.

If you still can’t do the opacity go to Appearance>Theme Options>Layout Settings>Custom CSS:

.strip_template figure section:hover .strip-fadder{opacity:0.7}

Regards,
Shri

[John Raleigh]

Thanks Shri, but the CSS you suggest has no effect on the opacity of the hover. Perhaps it is in the script that controls the slider.
In general, it makes little sense to obscure the image when it is enlarged. The reason for enlarging an image is so that you can see more of it.

[Sonnal S Sinha]

I see the image color and opacity has been changed to what we offer so think this is resolved.

Regards,
Shri

[Miroslav Dudáš]

Hello,

I would like also reduce the opacity on home slider but this CSS:
.strip_template figure section:hover .strip-fadder{opacity:0.7}
Do not work.

http://yoliy.com/

And on my gallery page is text (Buy this theme) is possible this text erase?

http://yoliy.com/lifestyle/

Thank you for reply.
Best Regards
Miroslav

[Sonnal S Sinha]

Hi,

For Opacity on homepage slider use this:
.strip_template figure section:hover .strip-fadder{opacity:0.7 !important; background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}

For removing buy this theme button use :
.buy-button{display:none !important;}

Regards,
Shri

[John Raleigh]

Thanks Shri, CSS for the slider works perfectly.

Cheers!

[Miroslav Dudáš]

Yes, both works.

Thanks a lot.

Best Regards
Miroslav

[Sonnal S Sinha]

Great

Regards,
Shri

[eric13]

Hi i want to modify the opacity of the sliders too, but one code doesnt change anything, and the other one:

.strip_template figure section:hover .strip-fadder{opacity:0.7 !important; background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}

removes it all.

I would like to have only 20% opacity so we can see the text well and also the background image

Thanks for your help

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

Add this code there:

.strip_template figure section:hover .strip-fadder{ background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;}

Regards,
Chris

[Author]

Posts