ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• March 16, 2014 at 9:03 am #57837
  manciaz

  Member

  Post count: 42

  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.

  March 17, 2014 at 12:05 pm #58064
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

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

  – Kyle

  March 17, 2014 at 6:11 pm #58277
  manciaz

  Member

  Post count: 42

  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!

  March 17, 2014 at 6:21 pm #58281
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Remove the dot 🙂

  – Kyle

  March 17, 2014 at 6:30 pm #58284
  manciaz

  Member

  Post count: 42

  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)

  March 18, 2014 at 8:39 am #58405
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

  March 18, 2014 at 2:08 pm #58627
  manciaz

  Member

  Post count: 42

  This reply has been marked as private.
  March 18, 2014 at 2:16 pm #58631
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Got it, change your css to this:

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

  – Kyle

  March 18, 2014 at 2:27 pm #58636
  manciaz

  Member

  Post count: 42

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

  March 18, 2014 at 2:35 pm #58645
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem!

  – Kyle

• Back to forum

  Posted in: Dante