Align social icons

  • Hello!

    On my site

    supportingroles.io

    I am trying to figure out how to make the Twitter and RSS icons stand side by side. What code do I input? I have not been able to do this manually in the Visual editor.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi, can you share a screenshot of how the code looks in your wp-admin?

    • This reply was modified 7 years, 3 months ago by Marco77.
    Thread Starter supportingroles

    (@supportingroles)

    Yes, here it is:

    https://supportingroles.io/wp-content/uploads/2017/08/IMG_0003.png

    Thank you!

    Ok this is not the correct way to do it, but it works:
    <p style="text-align:center;"><a href="https://twitter.com/supproles" target="_blank" rel="noopener"><img class="" src="https://supportingroles.io/wp-content/uploads/2017/08/if_twitter_1632531-1.png" alt="Twitter Icon" width="32" height="32" /></a> <a href="https://feeds.feedburner.com/supportingroles" target="_blank" rel="noopener"><img class="" src="https://supportingroles.io/wp-content/uploads/2017/08/if_rss_1632493.png" alt="RSS Icon" width="32" height="32" /></a></p>

    Thread Starter supportingroles

    (@supportingroles)

    Hi, I tried it out on a new page:

    https://supportingroles.io/frontpage

    They are together but stacked on top. Do you know how to set them side by side? Can I have a small gap between each icon? Also, I’d like them to be centered.

    Sorry,

    You’re better of rewriting the code from: This

    Thread Starter supportingroles

    (@supportingroles)

    Hi,

    Where would I copy the respective codes? I inserted both codes into my page and that didn’t change anything.

    The styles:

    .fblogo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 30px; 
}
#images{
   text-align:center;
}

    Should go into your styles.css file, but i see you don’t use a child-theme. That means that when the theme gets an update you lose the changes you’ve made.

    You are better off creating a child theme first, than add the changes.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Align social icons’ is closed to new replies.