How to separate over familiar social buttons!

Community Forums Forums Design Tips and Tricks How to separate over familiar social buttons!

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  nciske 1 year, 8 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #32244

    RobinStanley
    Participant

    As you can see… http://www.radarbazaar.com/

    My social Media buttons for YouTube and Google have stuck together (somewhat appropriate) I would however like to separate them so that they are in keeping with the other buttons.

    The buttons were achieved by posting the following code into a text widget and placing it in the Primary Sidebar. The still know they are seperate buttons because when you hover over them the turn blue.

    <a class=”social-buttons last” href=”http://www.youtube.com/radarbazaar”>You Tube</a>
    <a class=”social-buttons” href=”https://plus.google.com/115703683736699168557″>Google</a>
    <a class=”social-buttons” href=”http://www.facebook.com/bgardner”>Facebook</a>
    <a class=”social-buttons last” href=”http://twitter.com/robinstanley”>Twitter</a>

    I can’t see why it’s producing this result? Maybe you can.

    Thanks

    #32254

    nciske
    Participant
    Post count: 55

    Remove the “last” class from the YouTube button (only the last item should have that as it removes the right margin).


    <a class=”social-buttons” href=”http://www.youtube.com/radarbazaar”>You Tube</a>
    <a class=”social-buttons” href=”https://plus.google.com/115703683736699168557″>Google</a>
    <a class=”social-buttons” href=”http://www.facebook.com/bgardner”>Facebook</a>
    <a class=”social-buttons last” href=”http://twitter.com/robinstanley”>Twitter</a>


    Nick Ciske | http://thoughtrefinery.com/ | @nciske
    Did I help you? Say thanks: http://bit.ly/1lahwy0

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

You must be logged in to reply to this topic.