CoderJim Posted September 28, 2015 Share Posted September 28, 2015 Within the sub-category results the images and their short descriptions are too far apart (vertically), any idea where I might be able to control that distance would be greatly appreciated. BTW, this is a great forum! Quote Link to comment Share on other sites More sharing options...
bsmither Posted September 28, 2015 Share Posted September 28, 2015 We would need to see a sample page from your site. Quote Link to comment Share on other sites More sharing options...
CoderJim Posted September 28, 2015 Author Share Posted September 28, 2015 Thanks. Sure, what should I send, a link or the page that the code creates and if so, how would I do that? Seems easiest to link but I thought there were rules. Quote Link to comment Share on other sites More sharing options...
bsmither Posted September 28, 2015 Share Posted September 28, 2015 There are rules, but you won't be in violation when asking for assistance.Just a link to the category page where we can see the effect you have concerns about. Quote Link to comment Share on other sites More sharing options...
CoderJim Posted September 28, 2015 Author Share Posted September 28, 2015 Understood and thanks... Its obviously a work in progress.http://204.9.136.81/~satiquec/store/basic-nylon.htmlPlease note the space between the photos and the 'short description' below them. Quote Link to comment Share on other sites More sharing options...
bsmither Posted September 28, 2015 Share Posted September 28, 2015 In the file, lingerie.css, line 821, there is this rule:.product-list .image { height: 380px; position: relative; }At line 812:.product-list .product { border: 1px solid; color: #fff; float: left; height: 450px; margin: 0 0 20px; padding: 10px; width: 255px; }At line 267, there is:.product-list .image { height: 280px; <= overruled by above! }This might be the case where lines 821 and 267 are meant for particular screen widths.So the .product panel is 450px high regardless of what's in it. Then the paragraph that contains the image, the .image class, is 380px high regardless of the size of the image in it.I suggest that you do away with fixed heights for these panels and see if a "data equalizer" can be incorporated.(The data equalizer is part of Foundation's javascript. Maybe your Lingerie skin has something similar.) Quote Link to comment Share on other sites More sharing options...
CoderJim Posted September 28, 2015 Author Share Posted September 28, 2015 Thank you so much, worked beautifully. I did not need the equalizer, or I don't think so at this point, I just deleted the three size calls and it worked great. I hope that others might find this helpful. I will likely have more questions as I can now finally move on. Thanks again. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.