Cyber Monday Sale Ends in

0Days

0Hours

0Minutes

0Seconds

Buy Lifetime Membership
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

How to make the height fixed for all flip boxes in a row

If you are using multiple flip boxes and want them all to have the same height, follow these steps:

Enable Equalize Column Heights:

  • Go to the row settings where your flip boxes are placed.
  • Enable the Equalize Column Heights setting. This ensures that all columns within the row will match in height.

    Add Custom CSS:

    • Go to Divi Theme Options > Custom CSS and add the following code:
    .et_pb_module.dipl_flipbox.dipl_flipbox, .dipl_flipbox .et_pb_module_inner, .dipl_flipbox .dipl_flipbox_wrapper,
    .flipbox_side.flipbox_front, .flipbox_side.flipbox_back 
    {
        height: 100% !important;
    }
    Table of Contents
    Cyber Monday Popup