Cant figure out how the styling of HikaShop works.

Hello,

I am new to the webshops on Joomla and i am running into a problem.

I am making a website for a Jewel shop. I allready had a template for the website itself ( this is the template, its from JoomlaShine ) and now i am making a webshop with HikaShop.

As you can see in the attachment the layout for the products within a categorie, and the layout when watching a specific product, is far from nice. How can i do this the good way? I have seen there are joomla templates wich has styling for hikashop, but i allready got a joomla template and i dont know how to have it look good.

The website is not online yet, so i cant give any URL.

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : 2.3.1
-- Joomla version -- : 3.3.1
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hello,
The best solution will be to directly use some CSS code : www.hikashop.com/support/documentation/1...the-display.html#css

Thanks for the response. I allready thought that would be the case. Although i saw there are also 'themes' available to use on existing website, but i dont know if the 'look and feel' is exactaly the same as the previews of the themes.

Anyway, im on the CSS tour... and i have 1 more problem i ran into. I can custimize alot, but i cant find the right options for "hikashop_main_image" in the CSS file. The small "hikashop_child_image" below the main image can be addited on the CSS file, but i cant find all the CSS from the main image itself.
There is 1 place in the CSS file wich has some code for "hikashop_main_image", and thats this:

div.hikashop_main_image_div,
div.hikashop_main_file_div {
	position:relative;
}

border:1px solid #5BC2D4;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
margin-bottom:2px;