El Patron Posted October 1, 2013 Share Posted October 1, 2013 I received a pm from a community member with the attached screen shot. http://i.imgur.com/4oOyEZJ.jpg I am unable to reproduce this on three browsers. (you don't see me answering css questions on the forum, so I need a little help) http://www.etiendas.co/en/ Link to comment Share on other sites More sharing options...
vekia Posted October 1, 2013 Share Posted October 1, 2013 not enough space for display product name what to do? increase height param in #featured-products_block_center ul li h5 { height: 29px; padding: 8px 0 6px 0; } it's a part of http://www.etiendas.co/themes/theme265/css/global.css file it's weirdy that your customer has got this issue, i can't also reproduce it, but increasing height param will solve it Link to comment Share on other sites More sharing options...
El Patron Posted October 1, 2013 Author Share Posted October 1, 2013 what is a good height?...I'm reluctant to change it until I can reproduce it. I have no doubt it's happening as I do remember seeing it before. pascal pointed it out and should come along soon. Link to comment Share on other sites More sharing options...
PascalVG Posted October 1, 2013 Share Posted October 1, 2013 Believe these two: global css (701): #featured-products_block_center ul li { width: 140px; height: 280px; <-- change to this float: left; margin: 0 17px 0 17px; text-align: center; } and the one Vekia told you: #featured-products_block_center ul li h5 { height: 42px; <-- this seems ok to me. padding: 8px 0 6px 0; } Give it a try (Check on other browsers) I used Chrome on Mac pascal Link to comment Share on other sites More sharing options...
vekia Posted October 1, 2013 Share Posted October 1, 2013 i changed a bit the product name with firebug: as you can see - there is not enought space for the product name. Then i changed height to 40px; Link to comment Share on other sites More sharing options...
vekia Posted October 1, 2013 Share Posted October 1, 2013 you probably wondering why your customer has got different version than you, me and Pascal. it's probably because ... font rendering, take a lok here: http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/ it might be also related to OS, and also to graphic card drivers! http://stackoverflow.com/questions/17320263/qt-fonts-have-different-sizes-on-different-systems also here: http://www.webtype.com/info/articles/web-font-quality/ all of this mean: different browsers, different hardware, different OS - all of this change font quality, size etc. Link to comment Share on other sites More sharing options...
El Patron Posted October 1, 2013 Author Share Posted October 1, 2013 ..thanks for all the info! I will report back when I have made the suggested changes. happy Tuesday.... Link to comment Share on other sites More sharing options...
El Patron Posted October 4, 2013 Author Share Posted October 4, 2013 Believe these two: global css (701): #featured-products_block_center ul li { width: 140px; height: 280px; <-- change to this float: left; margin: 0 17px 0 17px; text-align: center; } and the one Vekia told you: #featured-products_block_center ul li h5 { height: 42px; <-- this seems ok to me. padding: 8px 0 6px 0; } Give it a try (Check on other browsers) I used Chrome on Mac pascal I made both changes as suggest by pascal and vekia... I'm old and don't like change, it seems changed to me. Thanks i advance for your review. Link to comment Share on other sites More sharing options...
Recommended Posts