Treehouse: Grow your CSS skills. Land your dream job.

Social Media Buttons Alignment

  • # February 9, 2012 at 8:21 pm

    On the right hand side I have a sidebar with a title of “Invite Your Friends” under that I have my social media buttons. I am trying to get the Google Plus button to sit to the right of the Facebook button so that they are both directly on top of the twitter button. I see this set up on a lot of website. Any help with this would be great!

    # February 9, 2012 at 9:03 pm

    take with a grain of salt.
    from what I can tell the facebook button is some kind of iframe element with an inline styling width of 300, you need to set the width of that element to about 80px, then it will fall into place to the right of the google plus button (which i guess isn’t exactly what you asked for, is it?) so if you could put that element before the google plus one in the html flow and then set it’s width to 80 instead of 300, that should do it. hope this gives you some ideas if nothing else.

    # February 9, 2012 at 9:07 pm

    I second ranger… it is a 300 width.. it got me when i first started using the fb like button

    # February 9, 2012 at 9:40 pm

    I totally overlooked that! That worked perfect, Thanks @Ranger @mikeman

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.