Vertically Align Icon Box Content

Richard Tisdale

• April 22, 2026 20:51

Hello,

I have been using Icon Boxes for a long time and to my knowledge there is still no way to vertically align the content in the case that the icon is bigger than the content beside it. For example, if I had a large icon and a single line of smaller text next to it, the text will automatically be top aligned. I'd like for there to be an ability to center align it vertically, instead of just adding "gap above" until it looks centered since that method doesn't work in cases where the text may wrap. Thanks!

0

• 

  Ariel H.

  • April 23, 2026 06:38

  Hi Richard,

  Thank you for reaching out.

  You can fix this with the following CSS:

  .brz-text-btn {
    display: flex;
    align-items: center;
  }

  This uses flexbox to vertically center the icon and text.

  Add it in WP Admin Dashboard → Appearance → Customize → Additional CSS
  

  Please try this and let us know if you have any further questions.

  Best regards,  
  Ariel H.

  0

Please sign in to leave a comment.