Aligning Featured Items

Locked

Results 1 to 3 of 3

This thread is locked. New replies are disabled.

06 Jan 2010, 00:57

marknotgeorge

New Zenner

Join Date:: Jun 2007
Posts:: 9
Plugin Contributions:: 0

Aligning Featured Items

Please take a look at my site: http://www.eggsandantlers.co.uk.

If you scroll down, you'll see that the Featured Products are in a neat row. You'll also see that the prices and Details buttons are not neat. This is due to the Product Names being of differing lengths, I think.

Other than limiting product name length, is there any way of adjusting the layout so the price and details elements are aligned, possibly by adding linebreaks if the length isn't long enough?

06 Jan 2010, 15:30

bodyjewelrystores

Zen Follower

Join Date:: Jun 2006
Posts:: 123
Plugin Contributions:: 0

Re: Aligning Featured Items

You should specify a fixed height for the product title, and make sure that it's a block element - otherwise height doesn't apply

I see you've already done the first part in your stylesheet - to take care of the second, just add the line in red:

.producttitle {
  min-height: 4em;
  display: block;
}

Tested it as a user stylesheet with your website - that did the trick

Hope this helps

07 Jan 2010, 20:09

marknotgeorge

New Zenner

Join Date:: Jun 2007
Posts:: 9
Plugin Contributions:: 0

Re: Aligning Featured Items

bodyjewelrystores:
You should specify a fixed height for the product title, and make sure that it's a block element - otherwise height doesn't apply

I see you've already done the first part in your stylesheet - to take care of the second, just add the line in red:
.producttitle {
  min-height: 4em;
  display: block;
}
Tested it as a user stylesheet with your website - that did the trick

Hope this helps

Spot on. That did the trick perfectly. Thanks!