Problem with column_layout_grid v1.3.8

[Hell Guapo]

1.3.9h

losteras.com

We get several product photos from several vendors and none of them have the same dimensions. Because of this, TEXT on certain rows is uneven.

See below:




When hovered with FireBug, the <DIV>'s are not of the same height.




So the main thing I am asking is HOW to align these DIVs to the bottom so the text across rows is even? (Despite the image height.) I'm trying to avoid having to edit 1000's of images.

Secondly, in the FireBug images, I see the Margins and Padding. I'd like to edit these settings as well but it is unclear where the CSS that controls these DIVs resides. I'd also like to make them a consistent Min-Height...

Can anybody point me in the right direction?

[Hell Guapo]

Since I posted the above pics, I've changed the width setting in Configuration > Images to 175 x 175.

This helped with some of the costumes, but the problem remains with the Glasses & Eyewear like the pic above.

[Hell Guapo]

[Hell Guapo]

Nobody knows?

[schoolboy]

You will have to make some significant CODE edits to the files that assemble the content in those boxes, because they do not assign ID's or Classes to each component.

So it is not possible to apply CSS declarations to the individual "bits" in the boxes, as they are all part of the same element.

[Hell Guapo]

ok thank you

[Hell Guapo]

Schoolboy, or anybody, is there a better version of this mod that you know of?

[jynxy]

in stylesheet.css add the following

.centerBoxContentsProducts { height: 220px; }


this should increase the height so all the boxes are the same size, you will have to adjust the 220px to fit the biggest box though.

hope this helps :)

[gjh42]

Schoolboy, or anybody, is there a better version of this mod that you know of?

Flexible Product Listing, attached to post 50 in a forum thread, has those divs and id/class tags added for detailed adjustment.

[schoolboy]

Trustworthy Glenn to the rescue, yet again!