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

Remove dark overlay from single.php hero-section

Discussion in 'Free Divi Community Forum' started by Ron Chio, Aug 18, 2020.

  1. Ron Chio

    Ron Chio New Member

    Link to the relevant page: https://cbdiekman.com/blog-1/

    Hi,

    I'm currently using the Child Theme of the Divi Theme for this site. There's a semi-transparent dark overlay over the hero section of single.php post, which I can seem to remove (please see screenshot). Any ideas on how to remove this using CSS? Thanks!
     

    Attached Files:

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Problemizer.com

    Problemizer.com Divi Expert

    For this particular post, you can remove that overlay by overriding background image property.
    .postid-255 .hero-section {
    background-image: url('https://cbdiekman.com/wp-content/uploads/2020/08/CBD-Blog-1-featured-image.png')!important;
    }