Increase Width of Model Column

Hi,

I have changed the title of my Model Column to Available in. However this is on two lines which means the data is not aligned to the price. See: http://bestpriceaccessories.com/index.php?main_page=index&cPath=1_5

How do I change the width of the whole column.

ZC 1.3.8a

in your stylesheet.css around line 554 there are lots of Class and div Id selector .. with only one entry ..

text-align:center;

add the following and see if that would help

vertical-align:top;

i can only test one page , so i can not tell the effect on other pages. as this will effect any class and div selectors.

Add to your stylesheet

#listCell0-3 {width: 70px;}

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

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;}

gjh42: Thank you so much. Worked perfectly.