29 November

Align “Add to cart” button


Tutorial made by Kevin Woolf:

If your site is like the demo (eg: HelloKids), I suggest do the following changes to your styles.css file:

But, if you are trying to align “Add to cart ” buttons horizontally regardless of the PRODUCT NAME LENGHT and REVIEWS (if are any or not), try this:

Set the height of the .catalog-listing h5 to fit your longest (highest) title. I’d limit the title length of any item to two lines and set it like this:

Then you’ll need to set your maximum height of your .price-box:

You might also have to adjust the height of the rating and review items, so I recommend you just plan which features you’re going to use and edit the CSS to limit the height of these items.

More info can be found here:  http://www.hellothemes.com/forum/topic/align-add-to-cart


  • http://www.4.qweokazje.info Dara Alicandro

    Did you finish it? Its exelent i like this fool much.

  • http://www.google.com google

    Spot on with this write-up, I actually suppose this web site needs far more consideration. I’ll probably be again to read much more, thanks for that info.

Back to Top