Tagged: mouseover
I’m trying to create a mouseover image on the homepage, but there is a default mouseover installed into the theme that overrides my manual code. I did not add any plugins, everything is pretty much original.
<a href="http://papermaxnew.blueicegraphix.com/about-us/sample-request/" target="_blank"><img class="alignnone" onmouseover=" this.src='http://papermaxnew.blueicegraphix.com/wp-content/uploads/2014/02/Coated_Uncoated_Moveover.png'" onmouseout=" this.src='http://papermaxnew.blueicegraphix.com/wp-content/uploads/2014/02/Coated_Uncoated.png'" alt="" src="http://papermaxnew.blueicegraphix.com/wp-content/uploads/2014/02/Coated_Uncoated.png" /></a>
Trying to figure out a way to disable the ‘default mouseover’ feature built into the theme on the homepage or if there is a way to override it.
http://papermaxnew.blueicegraphix.com
Its the only image on my homepage besides the banner.
Thank you,
Michael
Hey!
This CSS will remove that hover effect:
.home .image-overlay.overlay-type-extern {
display: none !important;
}
Your code is not working at the moment, try debugging in something like this first:
http://jsbin.com/humoxila/1/edit
Cheers!
Josue
Josue,
My man, you are a freakin genius! Thank you so much!!!!!
Michael
You are welcome Michael, glad we could help :)
Regards,
Josue