BlueOwlCreative » Topic: Mouse Over http://blueowlcreative.com/support_wp/forums/topic/mouse-over/feed/ Fri, 17 Jul 2026 14:15:44 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21340 <![CDATA[Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21340 Wed, 29 Oct 2014 10:59:29 +0000 jyotsna I like the mouse over feature in Partners & Clients section. I would like to have a similar mouse over effect for some logos that are in other sections of my site. How do I do it?

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21343 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21343 Wed, 29 Oct 2014 15:15:43 +0000 jyotsna I tried creating mouse over using this html command:

But obviously it doesn’t look as good.

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21344 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21344 Wed, 29 Oct 2014 15:16:24 +0000 jyotsna

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21348 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21348 Wed, 29 Oct 2014 15:29:47 +0000 jyotsna Please check out the difference between the Partnerships mentioned in this page (where I tried the mouse hover on an image): http://smartmegh.awesomeliferesources.com/ and this one (which uses the Clients & Partners element of Savia): http://smartmegh.awesomeliferesources.com/about/

Please help me create the same effect.

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21354 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21354 Thu, 30 Oct 2014 12:37:24 +0000 BlueOwl Hi there,

Simply follow the same HTML structure (use your TEXT editor, not VISUAL):

<a href="#" target="_blank" class="tooltipsy" original-title="YOUR TOOLTIP TEXT HERE"><img src="http://smartmegh.awesomeliferesources.com/wp-content/uploads/2014/09/Ramco_Systems.png"></a>

That should work

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21361 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21361 Sat, 01 Nov 2014 10:44:36 +0000 jyotsna Thanks for the reply. I tried using this code. Now the black box appears, but when I keep my mouse over it, it shows up for a second and then disappears. Only when I keep pressing the mouse, the black box is visible.

Please look into the Partnerships sections on this page: http://smartmegh.awesomeliferesources.com/. I’ve used this for Adaptive Insights.

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21362 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21362 Sat, 01 Nov 2014 10:47:31 +0000 jyotsna I checked again now. The black box shows when the mouse is held below the image & not on the image.

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21363 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21363 Sat, 01 Nov 2014 10:52:21 +0000 jyotsna Would be great if the box appears on and above the logos.

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21364 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21364 Sat, 01 Nov 2014 11:17:33 +0000 jyotsna I’ve used the same code on the same page under Services section, where it looks fine. Pls suggest what do I do for Partnerships section. Thanks!

]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21366 <![CDATA[Reply To: Mouse Over]]> http://blueowlcreative.com/support_wp/forums/topic/mouse-over/#post-21366 Tue, 04 Nov 2014 10:15:20 +0000 BlueOwl Hey!

Yes, somehow the A tags are not cleared correctly, all you need to do is make them be:

display: block;

So you can do it in the code:

<a href="#" style="display:block;" target="_blank" class="tooltipsy" original-title="YOUR TOOLTIP TEXT HERE"><img src="http://smartmegh.awesomeliferesources.com/wp-content/uploads/2014/09/Ramco_Systems.png"></a>
:)

]]>