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

Solved Row of cloned text modules not aligning on bottom

Discussion in 'Free Divi Community Forum' started by chris r, Jul 31, 2019.

  1. chris r

    chris r Member

    Hi,

    I have a Divi row of 3 columns each with a background image with a 'cover' property.

    I inserted a text module in each column, added a gradient to the module so the image bleeds into white before the text appears, and added padding to the top of the module so that the text is pushed under the gradient.

    The issue I have is that if the text in any of the 3 columns extends to a longer line of text on the other columns, the bottom of the background image shows underneath the text module with the shorter text.

    Please see screenshot to see what I mean. The first two columns have text on one more line and the text on the right, and that column shows the bottom of the image.

    Can I align these modules to the bottom of the columns no matter what the text length? I feel like there should be an easy way around this, but I'm a bit stumped.

    Thanks for ideas! Screen Shot 2019-07-31 at 1.58.45 PM.png
     
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go the row settings & set it to Equalize Column Height. Then go to each Text module settings > Advanced > Custom CSS > Main Element & add height: 100%!important;
     
  3. chris r

    chris r Member

    Thank you SO MUCH. That did it!!
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo