Hi,
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!!!
Furniture theme released (by nopCommerce team)
Team Member
- 16611
- 155810
- 10/22/2008
- Armenia
toanhnt wrote:
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,
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!!!
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
- 82
- 564
- 2/9/2011
- United States
a.m. wrote:
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!
Thanks
Hi,
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!
Thanks
Team Member
- 16611
- 155810
- 10/22/2008
- Armenia
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)
Team Member
- 16611
- 155810
- 10/22/2008
- Armenia
johnmorris wrote:
It's still the same. You can play with the demo here
johnmorris wrote:
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)
Has the mobile theme been updated?
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)
- 9
- 45
- 8/4/2011
- United States
These are the problems I am having.
I need scalability and don't have it at the moment in 3.1.
My mobile version is different from the furniture theme.
The last time I tried to update from v1.9 to 3.1, I totally screwed it up and don't have the time to mess with it.
Can I just redownload and plug into what I have now in 3.1?
I need scalability and don't have it at the moment in 3.1.
My mobile version is different from the furniture theme.
The last time I tried to update from v1.9 to 3.1, I totally screwed it up and don't have the time to mess with it.
Can I just redownload and plug into what I have now in 3.1?
Team Member
- 16611
- 155810
- 10/22/2008
- Armenia
johnmorris wrote:
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
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