Navigation
Archive / Again Alignment Icon and text vertical
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 25, 2016 at 4:39 am #1146337
    mickna
    Participant

    Hi there.
    I searched the forum and there are several topics about that.
    But unfortunately I do not know how to do this…..

    I have an icon shortcode with 50px height. After this icon I have a text with 16px height.
    Text and icon are aligned at the bottom line. However, I want to center them vertical(!).

    Thank you,
    mickna

    August 25, 2016 at 4:39 am #1146338
    mickna
    Participant
    This reply has been marked as private.
    August 25, 2016 at 6:17 am #1146443
    Christian
    Moderator

    Hey there,

    Please add vertical-align: middle; margin-top: -6px; to the style attribute of your icons. I’ve did one for you for demo (see attachment).

    Hope that helps. 🙂

    August 25, 2016 at 8:43 am #1146579
    mickna
    Participant

    Thank you Christian.
    Works like a charm….

    August 25, 2016 at 9:44 am #1146683
    Joao
    Moderator

    Glad to hear it,

    Let us know if we can help with anything else.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1146337 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>