Make buttons match my template?

Hi I have Hikashop installed, everything works great

However.. the buttons like, add to cart, next, go to cart, add coupon, new, they all look the same. (awesome)

However I would like them to look the way the template buttons look of Rockettheme Fracture.

I am using a Rockettheme template, which make the buttons look like this:


However I have no clue how to do so in Hikashop, css? Or different options?

The button class used by rockettheme is, readon.
However I do not know where to put that in Hikashop?

Yes, that's a thing to be done via CSS, and it's simple.
However, if you're not at all familiar with it, you better get someone on the case who is. With some basic knowledge, a read on customisation in the HikaShop documentation and the endless CSS hints on the Internet you might well manage yourself, though.

I mainly want to know what this css item is called in the frontend css file, so I can go with trail and error if I have to do it myself. I don't know how this item is called in the css file?

Getting it done will be myself, or someone who wants to help out on it.

Typically, it's the class "hikashop_cart_input_button".

You should use Firefox and Firebug to find out such things easily, as well as the CSS which is applied to what. Firebug even tells you in which CSS file that is, and on which line, and in a 'what if' scenario you can add/delete/change CSS right away and see "live" what it looks like then. These are not secret weapons but standard free tools of the trade. Again, well-meant advice: best learn and train yourself by reading the documentation for the product you're using, and use what's elsewhere on the web.

One more thing, as you likely don't know: make it proper overrides, otherwise you'll lose all changes on next updates. How? D-o-c-u-m-e-n-t-a-t-i-o-n.