Color Name on Hover

You can try to make it work with some jQuery code. At first, you need to hide all colors names, then show color name on hover.

I wrote a function for you. Add it to your theme’s functions.php file:

function cf_show_color_name_on_hover() {
?>
	<script type="text/JavaScript">
		// Hide all color names
		jQuery('.color_and_text_link').hide();

		jQuery('.rcorners').hover(
		  function() {
		  	// Show color name on hover
		    jQuery( this ).parent().parent().find('.color_and_text_link').show();
		  }, function() {
		  	// Hide color name
		    jQuery( this ).parent().parent().find('.color_and_text_link').hide();
		  });	  
	</script>
<?php
}

add_action( 'wp_footer', 'cf_show_color_name_on_hover' );

And configure your widget to show Color and name.

• This reply was modified 7 years, 8 months ago by Dominykas.

Thank You for your support, but its coming one below the other. Cant we have the colors thumbnails appear as it comes when we configure widgets to show Color.

Hey, unfortunately it does not work out of the box

Hello Please can you display text above the color instead of it apprearing on right hand side.

Well, you can try to customize with CSS. What’s your web site address?

BTW, we don’t provide customizations for free plugins.

www.idiotheory.com. Its just a small css change. It would be great if you can help me.

[ No bumping please. ]

Well, this is a theme related issue. You should try to post in CSS forums.. This is out of our support scope (not a bug or any issue with the plugin)…

Closing.

Hello Admin,
Please can you check the my website https://www.idiotheory.com.

I have installed the plugin but its not working. Its showing now products found.