Navigation
Archive / Aligning social media icons in footer
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 1, 2016 at 7:22 pm #1239962
    choreo64
    Participant

    Hi. I’m trying to get my social media icons to line up in the footer. Following instructions found elsewhere here, I replaced the XING icon with my own icon and changed the title text. However, my icon does not line up with the others, it is 2 pixels higher than them for some reason. How do I align the icons so that they’re all on the same line?

    http://www.alexgeorgebooks.com

    November 2, 2016 at 2:06 am #1240351
    Rupok
    Member

    Hi there,

    You need to adjust the image you are using as icon as it’s not possible to fix this with CSS. Let’s make it a bit wider or decrease the height 2px.

    Thanks!

    November 6, 2016 at 5:18 pm #1246265
    choreo64
    Participant

    How do I change the size of the icon so that it lines up? I don’t understand how to proceed. Decreasing its height by 2px will make the icon shorter than the others. I want it to match the other icons.

    Would it make more sense to change out all of the others in the same way? As in, replace them with icons the same size as the Goodreads one I made? They would all line up that way, right?

    Thank you for your responses.

    November 6, 2016 at 11:41 pm #1246548
    Paul R
    Moderator

    Hi,

    Please change the size of your icon to 18px x 21px and it should line up with the others.

    This is the image you need to change the size and reupload

    http://www.alexgeorgebooks.com/wp-content/uploads/goodreads_icon.png

    Thanks

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