How to Align Items Using CSS in Your Funnel

Technical
1

If you’re trying to center your elements vertically inside a flex container, here’s a simple and effective solution using custom CSS.

:hammer_and_wrench: Steps:

  1. Add a custom CSS class to your ROW element**
    Class name: align-item

    image
    image1885×927 210 KB

  2. Apply the following CSS in the Custom CSS / JS section
    Go to the Advanced → Custom CSS/JS tab and paste this code in the CSS section:

.align-item{
    align-items: center;
}

image
image1676×881 69.8 KB

3. :white_check_mark: Save changes and preview – You’ll see your items now aligned vertically in the center.

:pushpin: Make sure your container is using Flexbox (display: flex) for align-items to work properly.

Hope this helps! Let me know if you want a version for horizontal or start alignment too. :bullseye: