Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress Ecommerce with WordPress and WooCommerce Managing Products in WooCommerce External or Affiliate Products in WooCommerce

Natalia Karolinskaya
Natalia Karolinskaya
9,367 Points
Posted by Natalia Karolinskaya
Natalia Karolinskaya
9,367 Points

Buttons are not on the same line

Does anyone know how to make all the buttons ('read more', 'add to cart', 'view products') to be on the same line at the Shop page? They all are at different height level.

Thanks

1 Answer

Matthew Day
Matthew Day
6,740 Points
Matthew Day
Matthew Day
6,740 Points

This question is now 3 months old but for others who might be interested... the buttons are not lined up because the product titles vary in height– some are one line and others are two lines– which makes the buttons not line up. The easiest way to fix this is to make the titles all have the same height by keeping them short so that they are always one line or adding enough characters so that they are always on two lines.

You can also modify the styling but this requires making a child theme (which is not covered in this course).