How to Vertically Center Columns

When dealing with columns in WordPress, it helps to align them vertically so they are consistent with that around it. For example, aligning an image with text beside it. Normally this might include tricky spacing and padding, but this can be achieved with a little bit of CSS instead.

1)  Create Columns in your WordPress project.

 

2)  From here, click on the settings tab for the row

 

3)  Under the Advanced tab in Row Module Settings, type
  ds-vertical-align  in the desired Columns CSS

 

4)  At the top of your projects page, click on the Custom CSS page

 

3)  In your projects Custom Css settings, type:
  .ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;}