Increase Width of Model Column

[Best Price Accessori]

Worked like a treat thanks. However, the timeframe is still pushed down a line. Any ideas?

[gjh42]

It's not that the timeframe is pushed down, it's that the price is artificially high. The table-cell contents are all vertically centered by default, but the price cell has four invisible <br /> and one <a> element as well as the price; all of those take up space, and what you can see is the price at the top of the stack.

To get rid of the display of those, add this to your stylesheet:

.productListing-data br {display: none;}

There are no other breaks within the listing cells, so this should not have any negative effects.


Alternatively, you could set the vertical alignment for all listing cells:

.productListing-data {vertical-align: top;}

but this looks awkward to my eye. Adding

padding-top: 0.8em;

would increase the height of the listings, which might or might not be ok, and still leaves the price and timeline higher than the title. You would then have to pull the title back up like this:

h3.itemTitle {margin-top: -0.8em;}

[Best Price Accessori]

gjh42: Thank you so much. Worked perfectly.