Hover for Product Listing

I think that it comes from the CSS of your template.

Please give a link to that page so that we can analyze the CSS on your website and tell you precisely what CSS to change/add

The website requires an access.

Please send it via our contact form with a link to this thread:
www.hikashop.com/en/contact-us.html

For the centering, you can turn on the "text center" option of the hikashop options of your menu in order to center the price.

For the hovering, it comes from the css:
#content_full h2, #content_full h2 a:link, #content_full h2 a:visited, #content_full .content_header, #content_full .articleHead, #content_remainder h2, #content_remainder h2 a:link, #content_remainder h2 a:visited, #content_remainder .content_header, #content_remainder .articleHead {
color: #626363;
}

which is apparently some custom CSS that you added in your template.
You can remove it to make the color change when the mouse goes over the product name.