Portfolio in Renew: How to get rid of the hover feature?

[jackdanielvo]

Hi, love Pro but I have an issue with the Portfolio function in the Renew stack. I’m using Renew Business, and I want to display my Portfolio videos without forcing users to click through the hover effect and go to another page. With other stacks, eg Icon, I could allow users to click and play videos without having to go through extra steps. Is there a way for me to “lose” the hover function with Renew Business? Thanks!

[ruenel]

Hello John,

Thanks for writing in!

To resolve your issue and modify the portfolio item hover, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-portfolio .entry-cover {
    margin-top: 40px;
    position: relative;
    display: block;
    -webkit-transform: none;
    transform: none;
}

If ever you want to totally get rid of the hover, you can use this code:

.x-portfolio .entry-cover {
  display: none;
}

Just to manage your expectations, this isn’t specifically a theme issue, but rather, your customisation of it. So whilst I have happily provided you with some guidance above on how to get it working, we cannot provide theme customisation as a general rule, or support custom code solutions provided. Therefore, you might find it helpful to check out the following:

• https://www.w3schools.com/cssref/css_selectors.asp
• https://www.youtube.com/watch?v=GMk7ZLuo6Po

Hope this helps.

[jackdanielvo]

@runel

Hello John,

Thanks for writing in!

To resolve your issue and modify the portfolio item hover, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-portfolio .entry-cover {
margin-top: 40px;
position: relative;
display: block;
-webkit-transform: none;
transform: none;
}

If ever you want to totally get rid of the hover, you can use this code:

.x-portfolio .entry-cover {
display: none;
}

Thank you for your detailed response!

[friech]

You’re more than welcome, glad we could help.

Cheers!