WordPress.org

Forums

Quick CSS Question! (2 posts)

  1. greg.a.pfeffer
    Member
    Posted 3 years ago #

    On http://www.gpfeff.com

    I'm trying to line up the twitter and facebook icons I have. I'm using this CSS attatched to my custom style sheet in Thesis;

    .custom #fixed-social-icons { background:EBFF99; position:absolute; float: right; top:06px; width:08px; right:360px;}

    .custom #fixed-social-icons a.social-facebook { background: url('http://www.gpfeff.com/wp-content/uploads/2011/08/ars-grafik-facebook-icon32.png')no-repeat; border: none; }

    .custom #fixed-social-icons a.social-twitter {background: url('http://www.gpfeff.com/wp-content/uploads/2011/08/twitter32.png')no-repeat; border: none; }

    I'm trying to float but not working? Any thoughts on how to get all the elements horizional aligned in CSS?

    Thanks Guys!

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    there is not enough space in 8 pixels to float anything:

    .custom #fixed-social-icons { background:EBFF99; position:absolute; float: right; top:06px; width:08px; right:360px;}

    changing that to a width of about 80px should allow to get float to work in the link styles.

    also, you might want to add some height: 20px; or so the the link styles.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags