Search Divi Plus Documentation

Search for answers or browse our knowledge base.
Explore Divi Plus's Live Demo

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