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

Solved Same heights for Buttons

Discussion in 'Free Divi Community Forum' started by RobertaCin, Apr 16, 2020.

  1. RobertaCin

    RobertaCin Member

    hello dear Divi Helpers, I tried to make 12 buttons in two rows the same width and height as the copy is often specifically, I am trying to make them 160 x 50 pixels

    I customised the CSS of the element to min-width: 160px

    min-height didn't work here so I tried to set a CSS category or the element and customised the general css
    with the following code which is not working as well.

    .cagliari-map-button {min-height: 50px;}

    Could you kindly advise?

    thanks
     

    Attached Files:

    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe it's because the height of 2 line button is larger than 50px. And thus, they are not having the same height. You may try a larger min-height, such as 200px.
     
  3. RobertaCin

    RobertaCin Member

    Thank you, actually just 60px value in custom css worked

    I then ended up trying to vertical align content with the following but it did not work:
    vertical-align: middle;
    text-align: center:
    display: table-cell;

    This one below worked instead:
    display: flex !important;
    align-items: center;
    justify-content: center;

    thanks a lot
     
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now