CSS to Vertical Align Icons in Info, Note, Warning or Tip Macros

Andrea Rodriguez_275vaw

Has anyone figured out the CSS to get the icons for the Info, Note, Warning or Tip Macros to vertically align in the middle of the macro div? I've tried setting the top to 50%, but this doesn't work, and the height of the parent is generally variable.

Brant Schroeder

@Andrea Rodriguez Welcome to the Atlassian community

I played around with the CSS to see if I could change the alignment.  The issue I ran into was the CSS hierarchy for that element.  It would never align properly because of the other css elements being used to place it on the page.  I think you would have to re-write the whole tip macro css to get it to align how you are hoping.