On Mouse Hover, Display Product Title and Description and Price

I would like to achieve this http://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226 similar to the slider that when it hovers a green background cover the image and small info get displayed

i know that a:hover .image-overlay .image-overlay-inside { }
control this field but just dont know what is the next step or how to call hidden fields so instead of a circle in the middle , i want the product name displayed and the background green instead of white

Thanks in advance

• This topic was modified 11 years, 1 month ago by warrentkachuk.