Universally vertically align text in buttons

Beaver Builder
1

Near the bottom of this page, I’d like the four service/server offerings to have the same height buttons and the text be centered horizontally and vertically. What’s the best way to do this?

http://www.onshore.com/colocation/

2

Hey Brian,

Welcome to the BB forums! :slight_smile:

That should be possible via custom CSS. Try placing an extra class name on that row, e.g., services-buttons, and add the styling below.

.services-buttons .button {
  height: 85px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

Feel free to play with the height value. :slight_smile:

Ben

3

Perfect. Thanks Ben!

4

No worries! Enjoy BB! :slight_smile:

Ben