Social Links Rollover on Home Page

• 

  mirkomeledina · Member · Sep 24, 2012 at 1:20 am

  • Copy link
  • Add topic to favorites

  Hi guys, i have a site with a menù on top/left side and the social links on the top/right side. The social links are black & white, i would like to change the color (rollover on mouse over) with the original color.
  Black and white / Color.
  The site is http://www.mastert.net
  I leave you the .css main style and header
  #social_links {
float: right;
}

  .social {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  text-indent: -9999px;
  font-size: 0.1px;
  margin-left: 5px;
  float: left;
  }

  .rssfeed { background-image: url('../images/social_rss_bn.png'); }
  .facebook { background-image: url('../images/social_facebook_bn.png'); }
  .twitter { background-image: url('../images/social_twitter_bn.png'); }
  .youtube { background-image: url('../images/social_youtube_bn.png'); }
  .soundcloud { background-image: url('../images/social_soundcloud_bn.png'); }
  .mail { background-image: url('../images/social_mail_bn.png'); }
  <div id="social_links">

  Facebook

  Twitter

  Youtube

  Soundcloud

  Mail

  </div>
  Thanks!

• 

  supportbot · Member · Sep 24, 2012 at 1:20 am

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.