Question

I am trying to fade out the media logos as soon as a JavaScript code activates.

http://rayku.com/start

When a user starts typing in the text box, a form comes up. At that moment, I’d like to have the media icons fade out.

Do you know how I can make that edit in the code?

Thanks!

Answer 1

Since the logos are a background image of the form you won’t be able to fade them out, but you can just set the background-image rule to “none”.

Create a new css-class with the following content:

.theNewClass {background-image:none;}

Whenever a user enters something in the searchbox and the register form comes up, you add “theNewClass” to your register-form. When the register-form is dismissed you remove “theNewClass” from your register-form again and the logos will reappear.