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:

I want to add some CSS to it like i also did on the "hikashop_child_image", its this styling:

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;

The problem is that the main image has CSS code wich is not in the CSS file.., it has some margin wich make my border look weird (see attachment)... how can i get to this code?

Hi,

We would need a link to the page to tell you exactly but that's not a problem.
Just add !important in your CSS code if you want to override the CSS for another piece of HTML.