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

Blog page image with inside text

Discussion in 'Free Divi Community Forum' started by Sady, Jul 28, 2020.

  1. Sady

    Sady New Member

    #1 Sady, Jul 28, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Problemizer.com

    Problemizer.com Divi Expert

    #2 Problemizer.com, Jul 29, 2020
  3. Sady

    Sady New Member

    Ahw, yes, with the text at the bottom but this is exactly what I try to achive, yes :)
     
    #3 Sady, Jul 29, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    I come up with this CSS
    .page-id-10207 .entry-title {
    position: absolute;
    top: 10px
    }
    .page-id-10207 .post-meta{
    display:none;
    }
    .page-id-10207 .post-content {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    padding: 10px;
    width: 100%;
    }
    .page-id-10207 .post-content p {
    color: #fff!important;
    }

    Which should look like this.
    upload_2020-7-30_15-47-11.png
    Note: this is only for the page in question. If you want to test this across the website, just remove this CSS class .page-id-10207
     
    #4 Problemizer.com, Jul 30, 2020
  5. Sady

    Sady New Member

    Thank you for your help, this is great. So just change that and as long as I have the customizer for css opened, it shows my changes, but when I published and close it, changes are gone. I'm confused ...

    Do you have an idea to put the "entry-title" directly above "post-content" too? Sorry, I should have been clearer before ... :/
     
    #5 Sady, Jul 30, 2020
    Last edited: Jul 30, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  6. Sady

    Sady New Member


    Have to correct, changes are already there, something with caching ... So, any idea on entry title? And any idea on affecting only the first entry image at the top?
     
    #6 Sady, Jul 30, 2020
(You must log in or sign up to post here.)