Aligning Featured Items

[marknotgeorge]

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?

[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

[marknotgeorge]

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!