[Solved] Product alignment on mainpage boostrap

-- url of the page with the problem -- : kreiken.nl
-- HikaShop version -- : 2.2.1
-- Joomla version -- : 3.1.5
-- PHP version -- : latest
-- Browser(s) name and version -- : Firefox latest

Hi,

I'm using a rockettheme cerulean template, with a 3/6/3 bootstrap distribution on my mainpage. But for some reason as you can see on the page, I can't get the products alligned in 2 columns.

When I change the size of my middle section to a bigger boostrap size the collums show up right, but my side menu's are way to small.
So I wish to make the products display in 2 columns but witht he current side menu sizes.

So I want the product to scale according to the width of the main collum.

Anyone have a solution?

Thanks in advance

Machiel

Hi,

As you can see on the following screenshot, your template is adding a css rule, and that's why the products are not aligned.
You just have to remove the "margin:left" on this class.

Thank you. Would it be possible to override this with a custom css?

Should look like this correct?

.thumbnails {
margin-left: 0px;
}

Hi,

With that: In the frontend css file via Configuration > Display > CSS.

Excellent! That was it

Thank you very much for your help