I'm running the furniture theme version 3.4, the product images and product names on the homepage are not aligned because some of my images don't have the same width and height. Is there a way to make them line up evenly? please check my web link: https://www.pedichair.com/
Or there's a way to put them in boxes like this: http://www.lafurniturestore.com/dining-room/modern-dining.html
I'm running the furniture theme version 3.4, the product images and product names on the homepage are not aligned because some of my images don't have the same width and height. Is there a way to make them line up evenly? please check my web link: https://www.pedichair.com/
Or there's a way to put them in boxes like this: http://www.lafurniturestore.com/dining-room/modern-dining.html
Thank you!!!
Hi,
You can specify the fixed (minimum) height. Open the /Themes/Furniture/Content/styles.css file, find ".product-grid .product-item .picture" style and add "min-height: 180px;" to it. Then click F5 to reset browe cache.
But please note that images on http://www.lafurniturestore.com/dining-room/modern-dining.html have the same width/height (201x170px). They just has some white padding. You can use the same approach
I'm running the furniture theme version 3.4, the product images and product names on the homepage are not aligned because some of my images don't have the same width and height. Is there a way to make them line up evenly? please check my web link: https://www.pedichair.com/
Or there's a way to put them in boxes like this: http://www.lafurniturestore.com/dining-room/modern-dining.html
Thank you!!! Hi,
You can specify the fixed (minimum) height. Open the /Themes/Furniture/Content/styles.css file, find ".product-grid .product-item .picture" style and add "min-height: 180px;" to it. Then click F5 to reset browe cache.
But please note that images on http://www.lafurniturestore.com/dining-room/modern-dining.html have the same width/height (201x170px). They just has some white padding. You can use the same approach
Hi AM,
I tried what you suggested, but still not working. I added this: .product-list .product-item .picture{float: left;min-height:180px} Please help!
Please see my post above. I've written about ".product-grid .product-item .picture" style (not about ".product-list .product-item .picture" one). Please also note that that it won't help much because image still will be aligned to the top. So the only good solution is to make all upload images the same size (like it's done on the site you referenced - http://www.lafurniturestore.com/dining-room/modern-dining.html)
It's still the same. You can play with the demo here
johnmorris wrote:
If so, how do I get an update for the furniture theme to update for 3.1?
Simply re-download the theme at "my account". If you should contain the version for 3.50. So upgrade your nopCommerce from 3.10 to 3.50, and then install the theme for version 3.50 (downloaded before)
My mobile version is different from the furniture theme.
Do you mean jQuery mobile theme? Its support was dropped in version 3.40. Please note that it was not a feature of Furniture theme. It was a nopCommerce built-in functionality which is not supported anymore. Furtniture theme has its own responsive design
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.