1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

I want to change product image overlay

Discussion in 'Free Divi Community Forum' started by Miko Lu, Feb 1, 2020.

  1. Miko Lu

    Miko Lu New Member

    Hello,

    I'm looking to change the overlay design on product image of woocommerce using DIVI css style. Actually, I have write this code witch function well.
    .woocommerce .et_overlay:before {display:none}
    .et_overlay {top:30px;}
    .et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{top:0;}
    .et_overlay {background: rgba(50, 200, 235, 0.6); border: none; }
    .et_shop_image .et_overlay:before, .et_portfolio_image .et_overlay:before{color: #FFF !important; /* + icon color */}
    .et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay { opacity: 1; }

    My problem is that I want to add the short description of the product on the image (class entry-summary) to obtain the image below. Somebody know how I can do ?
     
    #1 Miko Lu, Feb 1, 2020
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
(You must log in or sign up to post here.)