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.

STEPS:

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;}

 

Hopefully, this guide will have been some use to you. Please, let us know if you have any questions or concerns about this material. Leave us a comment down below, or email us at wpress@uark.edu