Aligning Social Media Buttons

  • I got a problem over here aligning my social media buttons.

    My site is: https://www.yourlivingbody.com

    As you can see, they’re all over the place and I can’t figure out how to align them correctly. What I would like is to align them all right next to the RSS feed horizontally.

    Something like this: Facebook, Twitter, RSS Feed (but right aligned).
    I can’t figure out how to do this and it’s driving me loco.
    I’ve gotten the code from the social media sites.

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

  • Your Facebook follow button is 450px wide, taking out all free space available.
    Reduce the size and let me know how it goes.

    Thread Starter yourlivingbody

    (@yourlivingbody)

    That worked. Here’s what I’ve got now:

    https://www.yourlivingbody.com

    I think I might have to mess around with themes a little bit as the social media buttons are a little too big for that frame. So now when I highlight over the stuff on the left like “home contact services” etc it’s not completely grayed out on the bottom. Ah well.

    It’s not completely grayed out on the bottom because there’s some padding in right side of your nav bar.

    To solve that:
    First, install this Custom CSS Manager plugin and use its section of the dashboard to hold your CSS modifications.

    Then paste the following code in it.

    #navigation ul.rss {
        padding: 0px 15px 0px 0 !important;
        margin: 5px 0 0 0 !important;
}

#navigation ul.rss li a {
        vertical-align: top;
}

    Hit save. I hope that’ll resolve the issue.

    Let me know how it goes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning Social Media Buttons’ is closed to new replies.