Add custom CSS to Revolution Slider images

[manciaz]

Hello,
I’m trying, with no success, to add an opacity style (normal / hover) to a set of images in one of my slides.
I’d like them to behave so:

.myimage {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.myimage:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

If I use “img” class the style will be applied to all of my site’s images, and I don’t want to. I want just some of them looking like that.
If I use “edit style” function from “Layer General arameters” adding a new style, it seems not to have any effect on images (I think edit styles is only for text layers).
If I use General styles I can’t choose images I want to have that style.

I suppose I need to use Attributes from Layers Advanced Params and select a new class I have to create, e.g. “myimage”, but I don’t really know how to do that and I’m not finding anything in documentation (or everywhere else). Could you please explain how it works like if you talked to a 10 yo child with very little knowledge of CSS?
Thank you guys, your theme is so cool!
F.

[Kyle – SUPPORT]

Hi

Did you add this css to the slider css or in your theme options css?

– Kyle

[manciaz]

Hi Kyle,
I put it in theme option Custom CSS, then, in the image settings of the slide, a tried to call it by adding .myimage as class in “attributes” (see attach), but… nothing!

[Kyle – SUPPORT]

Remove the dot 🙂

– Kyle

[manciaz]

ooops….
But even without dot, nothing, absolutely nothing

See images… A anb B are my settings (of course I saved, updated and so on, after I made my changes)

[Kyle – SUPPORT]

Please send me the link so that I can inspect whether or not the class has been applied.

– Kyle

[manciaz]

This reply has been marked as private.

[Kyle – SUPPORT]

Got it, change your css to this:

.myimage a > img {
  opacity: 0.4;
}
.myimage a > img:hover {
  opacity: 1;
}

– Kyle

[manciaz]

And…. works!
Thank you for your kindness and profesisonality.

[Kyle – SUPPORT]

No problem!

– Kyle