[Resolved] Sub-Catagory Images/Description Vertical Spacing

[CoderJim]

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!

[bsmither]

We would need to see a sample page from your site.

[CoderJim]

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.

[bsmither]

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.

[CoderJim]

Understood and thanks... Its obviously a work in progress.

http://204.9.136.81/~satiquec/store/basic-nylon.html

Please note the space between the photos and the 'short description' below them.

[bsmither]

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.)

[CoderJim]

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.