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
• July 31, 2014 at 6:03 pm #96599
  JeffDSmith

  Member

  Post count: 31

  Hi There. Doing some tweaking to Dante’s portfolio hover state and getting stuck on one adjustment.

  As you can see here: http://tornadodesign.la/dev/work/

  I’ve taken out the crease.svg background image as well as the icon.

  What I’d like to do now is make an adjustment so that I can see a little bit more of the thumbnail image.

  I did find the way to reduce the opacity of figcaption on hover, but that also reduces the opacity of the h4 that it contains. Can’t have that. So I guess my question is, how can I reduce the opacity of figcaption’s background on hover (but leave the h4 at full opacity)?

  Thank you so much.

  July 31, 2014 at 6:19 pm #96607
  JeffDSmith

  Member

  Post count: 31

  Clarification:

  What I’d like to do now is make an adjustment so that (in the on hover state) I can see a little bit more of the thumbnail image.

  August 1, 2014 at 9:23 am #96738
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I see that you managed to resolve the some issue. Please use this custom css code:-

  figure.animated-overlay figcaption {
      background-color: rgba(0, 0, 0, 0.5) !important;
  }

  Thanks 🙂
  With Best Regards
  Swift Ideas

• Back to forum

  Posted in: Dante