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
• May 28, 2014 at 3:36 am #78050
  lpanalyst

  Member

  Post count: 182

  On my home page, I would like to replace the hover image currently being used on “Featured Solutions” with the hover image used on the homepage under the “Stay Current” section for each of the Mini Blog Post Image hovers (hover over directly over tile, no words, and the black arrow in circle in the middle).

  http://lpanalyst.com/sitev2/

  May 28, 2014 at 10:07 am #78133
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  figure.animated-overlay:hover figcaption {
    transform: none;
  }
  .animated-overlay h4 {
    display: none;
  }
  figcaption .thumb-info i {
    top: 42%;
  }

  – Kyle

  May 28, 2014 at 5:39 pm #78341
  lpanalyst

  Member

  Post count: 182

  Kyle, That’s great – removed the words. Can we also make it so the hover over box lines up directly with the tile like on the Mini Blog posts further down the page. Thanks in advance. Bill

  May 29, 2014 at 7:23 am #78454
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sorry the code should be:

  figure.animated-overlay:hover figcaption {
  -ms-transform: none); /* IE 9 */
  -webkit-transform: none; /* Chrome, Safari, Opera */
  transform: none;
  }
  .animated-overlay h4 {
    display: none;
  }
  figcaption .thumb-info i {
    top: 42%;
  }

  – Kyle

  May 29, 2014 at 12:09 pm #78585
  lpanalyst

  Member

  Post count: 182

  You are the man Kyle! Thank you!!!

  May 29, 2014 at 12:13 pm #78591
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

  – Kyle

• Back to forum

  Posted in: Dante