Customizing the shopping cart layout

I hope this turns out to be a silly question, but I can't seem to find where to define the row height of my shopping cart table. I've tried defining the height in my shopping_cart_default override file, defining via the css, basically everything I can think of.

The site is currently in sandbox, but it's http://minionsofcreativity.com/sb/therapy/

Try adding this to your stylesheet:

tr.rowEven{line-height:40px;}
tr.rowOdd{line-height:40px;}

The default stylesheet defines those without the 'tr' part. Not sure why you'd need that. Here they are, from the current default stylesheet...

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

You have...

.rowOdd {
	background-color: #fddcfa;
	vertical-align: top;
	}

.rowEven {
	background-color: #ffffff;
	vertical-align: top;
	}

So just add a height definition to each of those and you'll be fine.

Rob

Thank you for the responses. The rowOdd & rowEven definitions were one of the first things I tried, and I tried again but something is keeping my row height the same.

I took out all the bottom paddings and margins, which helped from where I started, but I can't get the rows any shorter. I like them where they're at, but this is a customer request :(

If you want a quick fix, you can add this to the bottom of your stylesheet. Its probably not the best way to get the rows shorter, but at least it seems to work (have not checked IE but it works in firefox).

tr.rowEven{line-height:1px;}
tr.rowOdd{line-height:1px;}

Perfect in FF, thank you antpez! Now I better go browser testing!

You're welcome. It looks proper in IE 6/7 too. :cool: