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: Uplift
• February 26, 2017 at 11:48 pm #315162
  bamtron

  Member

  Post count: 17

  Trying to match my styling for the portfolio thumbnails on the home page: no zoom or animation and have the title with a box.

  It still zooms on the portfolio details page and the caption disappeared.

  Thanks!

  February 28, 2017 at 12:44 pm #315436
  David Martin – Support

  Moderator

  Post count: 20834

  Please test this CSS in Theme Options => Custom CSS:

  .standard-browser.single-portfolio figure.animated-overlay:hover img {
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none;
  }
  
  figure.animated-overlay:hover figcaption .thumb-info h4 {
      padding: 15px;
      line-height: 30px;
      margin: 0;
  }
  
  figure.animated-overlay:hover figcaption .thumb-info h5 {
      display: none;
  }

  February 28, 2017 at 4:34 pm #315491
  bamtron

  Member

  Post count: 17

  thanks! almost there. On Mouse off it flashes old hover style.

  March 2, 2017 at 10:48 am #315723
  David Martin – Support

  Moderator

  Post count: 20834

  Just to check, you have not edited the core CSS correct? CSS should only be added the theme options of via a child theme.

  Please add a WP login for me.

  March 4, 2017 at 5:16 pm #315961
  bamtron

  Member

  Post count: 17

  This reply has been marked as private.
  March 6, 2017 at 7:45 pm #316107
  David Martin – Support

  Moderator

  Post count: 20834

  Your child theme CSS is certainly causing some interference.

  I’ve amended the CSS to in your theme options:

  .single-portfolio figure.animated-overlay img,
  .single-portfolio figure.animated-overlay:hover img {
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none;
  }
  figure.animated-overlay:hover figcaption .thumb-info h4 {
      padding: 15px;
      line-height: 30px;
  }
  
  figure.animated-overlay:hover figcaption .thumb-info h5 {
      display: none;
  }

• Back to forum

  Posted in: Uplift