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: Neighborhood
• September 10, 2014 at 9:49 pm #109284
  Malaika

  Member

  Post count: 88

  Hello, I would like for my images on hover not to fade. I would also like the possibity to have some pictures to get an overlay of a certain colour on hover. Is this possible?

  September 11, 2014 at 6:56 am #109420
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  1. Not to fade means, you don’t want a overlay color? or you want to reduce the overlay opacity?
  2. You mean, you want one hover color for one image, and another color for another image??

  Let us know,

  Thanks,
  laranz.

  September 11, 2014 at 3:25 pm #109659
  Malaika

  Member

  Post count: 88

  Hello Laranz,

  1. I would like to have no opacity at all, so no changing on hover over image.

  2. I would like to be able to have a opaque colour overlay on hover.

  So 2 different options.

  Is this possible? Hope so!

  Thank you!

  September 11, 2014 at 4:01 pm #109705
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  To remove the image hover on only some images, you will need to add an extra class in the extra class field of the page builder asset, such as nohover. Then add this to your custom css:

  .nohover figcaption {
    display:none;
  }

  – Kyle

  September 11, 2014 at 4:05 pm #109708
  Malaika

  Member

  Post count: 88

  Thank you! And the colour hover like on this page: http://colorsmagazine.com/ ?

  September 11, 2014 at 4:08 pm #109710
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  It will use your accent color, for e.g.: http://neighborhood.swiftideas.net/blog-standard-with-no-sidebars/blog-mini-with-left-sidebar/

  – Kyle

  September 11, 2014 at 4:18 pm #109716
  Malaika

  Member

  Post count: 88

  Perfect, you are right! Thank you!

  September 11, 2014 at 4:21 pm #109722
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

  – Kyle

  September 11, 2014 at 4:27 pm #109726
  Malaika

  Member

  Post count: 88

  It works, but I still think the opaqueness is too much, how can I make it less opaque?

  September 11, 2014 at 7:26 pm #109778
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You can reduce the opacity by adding this to your custom css:

  figure:hover > a > .overlay {
    opacity: 0.60;
  }

  – Kyle

  September 11, 2014 at 8:55 pm #109799
  Malaika

  Member

  Post count: 88

  Perfect, thank you Kyle!

  September 11, 2014 at 8:58 pm #109800
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks kyle
  -Rui

• Back to forum

  Posted in: Neighborhood