1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi 5 Filterable Portfolio - hide link, hover effects help needed

Discussion in 'Free Divi Community Forum' started by stoogesfan72, May 13, 2026 at 1:48 PM.

  1. stoogesfan72

    stoogesfan72 New Member

    Hi,

    I have set up a Filterable Portfolio with 4 "projects" (using only the Project Title and Featured Image for each) on this page under the "some of our recent work" headline:

    https://kme.c8d.myftpupload.com/

    My goal is to hover over each album and reveal the Project (i.e., Album) title and the Project "excerpt" text. However, when I hover over each album, now a semi-opaque grey box appears (I think due to the <a> link property), and the title text does appear, after adding this CSS code to the module itself that I found online:

    /* HOVER OVER SHOW TITLE */
    .et_pb_portfolio_item .et_pb_module_header {
    position: absolute!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    text-align: center;
    left: 20px;
    right: 20px;
    opacity: 0;
    z-index: 10;
    transition: all 0.3s ease;
    pointer-events: none;
    }
    .et_pb_portfolio_item:hover .et_pb_module_header {
    opacity: 1!important;
    }
    .et_pb_portfolio_item .et_overlay:before {
    display: none!important;
    }

    .full-width-btn {
    width: 100%;
    text-align: left;
    }


    Is there a way to add or change the CSS to remove the grey hover, only show each Project's Title and Excerpt, and possibly launch a lightbox effect for each (although that isn't as important)?

    Many thanks!

    Paul
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts