Remove Hover Effect on Portfolio Page

  • Resolved ctkjos

    (@ctkjos)


    6 years ago

    Hi,
    I am working on a page for a client, and he’d like to remove the hover effect that appears on the images on the Portfolio page, which is “Our Inventory” on this site. Is it possible to keep the title, what appears when you hover, visible? I thought I did that when I was first working on the site, but now I can’t remember how I did it. I don’t want to edit the Porfolio Grid Page Template unless it’s 100% necessary. Any assistance you can provide is greatly appreciated!

    Caroline

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kevin

    (@jx-3p)

    6 years ago

    Hello,

    Try adding this CSS to Theme Options> Advanced Settings, and let me know if it works for you:

    .grid_item img:hover {
    opacity: 1;
}
.portfolio_item .portfoliolink {
    opacity: 1;
}

    -Kevin

    Thread Starter ctkjos

    (@ctkjos)

    6 years ago

    Hi Kevin,

    That works beautifully! I was wondering if it could be a little CSS. I cannot thank you enough. You’re a life saver!

    Caroline

    Kevin

    (@jx-3p)

    6 years ago

    No problem! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove Hover Effect on Portfolio Page’ is closed to new replies.