[Skip to main content](#vessel-content)

#   \[Solved\] Product alignment on mainpage boostrap

##

- **[mac187](/forum/user/28672-mac187 "View mac187's Profile")**
- [![mac187's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28672-mac187 "View mac187's Profile") Topic Author
- [ Offline](/forum/user/28672-mac187)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 2 weeks ago -  13 years 2 weeks ago [\#127808](#127808) by [mac187](/forum/user/28672-mac187 "View mac187's Profile")  *[\[Solved\] Product alignment on mainpage boostrap](/forum/26-product-category-display/862786-solved-product-alignment-on-mainpage-boostrap#127808 "-- 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 :cheer:  Machiel")* was created by *[mac187](/forum/user/28672-mac187 "View mac187's Profile")*

-- url of the page with the problem -- : [ kreiken.nl](http://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 ![:cheer:](/media/kunena/emoticons/10.png ":cheer:")

Machiel

Last edit: 13 years 2 weeks ago by [mac187](/forum/user/28672-mac187 "View mac187's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjI3ODYtc29sdmVkLXByb2R1Y3QtYWxpZ25tZW50LW9uLW1haW5wYWdlLWJvb3N0cmFwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 2 weeks ago [\#127851](#127851) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Product alignment on mainpage boostrap](/forum/26-product-category-display/862786-solved-product-alignment-on-mainpage-boostrap#127851 "-- 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 :cheer:  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.

[ ![h5c2a80e.png](/forum/attachment/12877) ](/forum/attachment/12877 "h5c2a80e.png")

- [ ![h5c2a80e.png](/forum/attachment/12877) ](/forum/attachment/12877 "h5c2a80e.png") [ ](/forum/attachment/12877?download=1 "h5c2a80e.png")

The following user(s) said Thank You: [mac187](/forum/user/28672-mac187 "View mac187's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjI3ODYtc29sdmVkLXByb2R1Y3QtYWxpZ25tZW50LW9uLW1haW5wYWdlLWJvb3N0cmFwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mac187](/forum/user/28672-mac187 "View mac187's Profile")**
- [![mac187's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28672-mac187 "View mac187's Profile") Topic Author
- [ Offline](/forum/user/28672-mac187)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 2 weeks ago -  13 years 2 weeks ago [\#127859](#127859) by [mac187](/forum/user/28672-mac187 "View mac187's Profile")  Replied by *[mac187](/forum/user/28672-mac187 "View mac187's Profile")* on topic *[Product alignment on mainpage boostrap](/forum/26-product-category-display/862786-solved-product-alignment-on-mainpage-boostrap#127859 "-- 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 :cheer:  Machiel")*

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

Should look like this correct?

.thumbnails {
margin-left: 0px;
}

Last edit: 13 years 2 weeks ago by [mac187](/forum/user/28672-mac187 "View mac187's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjI3ODYtc29sdmVkLXByb2R1Y3QtYWxpZ25tZW50LW9uLW1haW5wYWdlLWJvb3N0cmFwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 2 weeks ago [\#127877](#127877) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Product alignment on mainpage boostrap](/forum/26-product-category-display/862786-solved-product-alignment-on-mainpage-boostrap#127877 "-- 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 :cheer:  Machiel")*

Hi,

With that: Code:

.hikashop_product_column_2{ margin-left: 0px !important; }

In the frontend css file via Configuration &gt; Display &gt; CSS.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjI3ODYtc29sdmVkLXByb2R1Y3QtYWxpZ25tZW50LW9uLW1haW5wYWdlLWJvb3N0cmFwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mac187](/forum/user/28672-mac187 "View mac187's Profile")**
- [![mac187's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/28672-mac187 "View mac187's Profile") Topic Author
- [ Offline](/forum/user/28672-mac187)

Less More

- Posts: 3
- Thank you received: 0
-
-

13 years 2 weeks ago [\#127882](#127882) by [mac187](/forum/user/28672-mac187 "View mac187's Profile")  Replied by *[mac187](/forum/user/28672-mac187 "View mac187's Profile")* on topic *[Product alignment on mainpage boostrap](/forum/26-product-category-display/862786-solved-product-alignment-on-mainpage-boostrap#127882 "-- 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 :cheer:  Machiel")*

Excellent! That was it ![:)](/media/kunena/emoticons/8.png ":)")

Thank you very much for your help ![:)](/media/kunena/emoticons/8.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjI3ODYtc29sdmVkLXByb2R1Y3QtYWxpZ25tZW50LW9uLW1haW5wYWdlLWJvb3N0cmFwP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.115 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
