Styling checkout

I'd like to tighten up the spacing on my checkout page and put the sections (shipping, payment, address etc) in separate boxes or borders, like the HS demo site checkout page. Where do I set this up please? Is it within Hikashop configuration, Hikashop CSS or is it my site template? And what do I need to change? I've attached a snapshot of how it looks now.

Also, the popup box that says item successfully added to cart/proceed to checkout is in the wrong font (a default Times font?) rather than the font used by my template like the rest of the site. Where can I change the styling of these popup boxes please?

Thanks.

Thanks for that, Nicolas.

As another option, if I buy your styles pack, can you tell me how it works with my template? I'm not sure from the documentation. What would be left of my template if I apply your style? Will my site still look like my template or just like the style, ie does the Hikashop style override colours and fonts, my template positions and column widths etc?

Hi,

The styles will not override all your template styles, it just override colors, fonts, borders, display of the modules, etc.