WordPress.org

Support

Support » How-To and Troubleshooting » Quick CSS Question!

Quick CSS Question!

  • 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!

Viewing 1 replies (of 1 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Quick CSS Question!’ is closed to new replies.