hover effect on social icons in header?

I want to have a semi trasparent hover effect on my social icons but cant figure it out. Here is my header.php:

<div align = "right"><a href="https://twitter.com/#!/ideviceguys"><img src="/wp-includes/images/twitter.png"/></a>
<a href="http://www.facebook.com/ideviceguys"><img src="/wp-includes/images/facebook.png"/></a>
<a href="mailto:info@ideviceguys.com"><img src="/wp-includes/images/mail.png"/></a>

I see alot off people saying to edit css but i cant find this in my css

here is my website http://ideviceguys.com

Answers


You need a hook for your css code. Give your div an id or class. Try adding class="socialIcons to your main div.

<div class="socialIcons">
    <a href="https://twitter.com/#!/ideviceguys"><img src="/wp-includes/images/twitter.png"/></a>
    <a href="http://www.facebook.com/ideviceguys"><img src="/wp-includes/images/facebook.png"/></a>
    <a href="mailto:info@ideviceguys.com"><img src="/wp-includes/images/mail.png"/></a>
</div>

Then add this little nugget to your css.

.socialIcons a:hover {
opacity:0.7; filter:alpha(opacity=40); /* Damn MS and IE8 and earlier */
}

That should give your icons 30% transparency. Consider what the others say around here. They are much smarter than I am.


Need Your Help

OpenGL Application crashes on other Computer

c++ windows visual-studio opengl

I developed an OpenGL application in C++ in Visual Studio 2012 on Windows 8 64bit. It complied and worked nice on my local machine. The application uses the libraries GLEW, SFML and GLM which are all

multilevel menu item deletion recursion function

php mysql

I want to delete category from multilevel menu with recursion function. To understand situation more carefully , lets take a look first at mysql table structure

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.