Can someone advise why my columns don't fit as expected? There is unused space to the right of the r/h column in the main body. Ideally I would like the right-hand column slightly narrower, and the centre column to expand so that the page is full width.
http://www.ebedzz.co.uk/Toulouse/Toulou ... k-Bedstead
Someone suggested that the logo was too wide but restoring a narrower logo made no difference. I suspect a Bootstrap issue but all suggestions gratefully received.
New to 2.0 and responsive so please be kind.
Thanks
You can remove: "Categories" and "Our Ranges" Module in Product Layout:
Goto admin->System-> Design -> Layouts -> Product ->Edit
Remove "Categories" and "Our Ranges"
Click Save
Goto admin->System-> Design -> Layouts -> Product ->Edit
Remove "Categories" and "Our Ranges"
Click Save
To do that, you can instlal my free extension Custom CSS and add code belowferryman wrote:Thanks, but removing the navigation wasn't what I had in mind. I just want to know how to adjust the column widths for the centre and right-hand columns.
Code: Select all
body[class*="product-product"] #content .col-sm-4 {
width: 70%;
}
body[class*="product-product"] #content .col-sm-6 {
width: 30%;
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Hi viethemes,
Could you please advise me if it possible and if so perhaps guidance to do it?
Thank you in advance
I need to have 5 products in a line as to the standard 4.viethemes wrote:To do that, you can instlal my free extension Custom CSS and add code belowferryman wrote:Thanks, but removing the navigation wasn't what I had in mind. I just want to know how to adjust the column widths for the centre and right-hand columns.Code: Select all
body[class*="product-product"] #content .col-sm-4 { width: 70%; } body[class*="product-product"] #content .col-sm-6 { width: 30%; }
Could you please advise me if it possible and if so perhaps guidance to do it?
Thank you in advance
Big Joe
Do you want to display 5 products per row on the category page or all pages?
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
It would be nice if i could choose to have it on any page that i may prefer, but i need it at least on the category page.
The reason being the products (beds) are available in 5 sizes and i would like to display 1 type in all sizes next to each other.
Then the next product will follow in the same pattern ect.
I hope i have explained it correctly.
I am using OC 2.0.1.3
Thank you for your response.
The reason being the products (beds) are available in 5 sizes and i would like to display 1 type in all sizes next to each other.
Then the next product will follow in the same pattern ect.
I hope i have explained it correctly.
I am using OC 2.0.1.3
Thank you for your response.
Big Joe
It would be nice if i could choose to have it on any page that i may prefer, but i need it at least on the category page.viethemes wrote:Do you want to display 5 products per row on the category page or all pages?
The reason being the products (beds) are available in 5 sizes and i would like to display 1 type in all sizes next to each other.
Then the next product will follow in the same pattern ect.
I hope i have explained it correctly.
I am using OC 2.0.1.3
Thank you for your response.
Big Joe
You can try installing my free extension Custom CSS and add code below
Code: Select all
.product-layout.product-grid {
width: 20%;
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Thank you again.viethemes wrote:You can try installing my free extension Custom CSS and add code belowCode: Select all
.product-layout.product-grid { width: 20%; }
Once more it has worked but now the added 5th product does not appear in line after the 4th product and has remained in the second row?
Big Joe
Hi. I have also noticed that on the mobile version i have only one (20%) display of one product.johanvonwielligh wrote:Thank you again.viethemes wrote:You can try installing my free extension Custom CSS and add code belowCode: Select all
.product-layout.product-grid { width: 20%; }
Once more it has worked but now the added 5th product does not appear in line after the 4th product and has remained in the second row?
Thank you for your assistance
Big Joe
You can try replacing the above code with code below
Code: Select all
@media (min-width: 992px) {
.product-layout.product-grid {
width: 20%;
}
}http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
It seems correct on mobile now but on PC it still seems to "ignore" the "5th space"?viethemes wrote:You can try replacing the above code with code belowCode: Select all
@media (min-width: 992px) { .product-layout.product-grid { width: 20%; } }
If i reduce down to even 15% the "columns" do shrink accordingly but still only 4 products remain inline with the 5th on the next line. I could not get a pic uploaded to indicate that
Big Joe
Could you give me a link to a sample category?
I see your store here: http://www.fashionfurniture.co.za/. But it does not have any category.
I see your store here: http://www.fashionfurniture.co.za/. But it does not have any category.
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
You can see it here: http://www.fashionfurniture.co.za/genes ... -motorizedviethemes wrote:Could you give me a link to a sample category?
I see your store here: http://www.fashionfurniture.co.za/. But it does not have any category.
Would you rather prefer that i mail you for this?
Big Joe
Yes. Please contact me via email viethemes@gmail.com.
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Who is online
Users browsing this forum: No registered users and 8 guests
