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
Michael Kalmykov
8,919 PointsWoocommerce featured products shortcode misaligned
I'm trying to make the cupcakes on this page
http://mysweettoothtreats.com/wordpress/
display in a straight line underneath the slider. for some reason they appear diagonally stagnated and have a great deal of vertical space on each one.
Any Ideas on how to eliminate the extra vertical space and make them all top-aligned?
Thanks!
1 Answer
Michael Kalmykov
8,919 PointsFigured it out
Had to add this in the custom CSS box under neath the name of the theme tab.
cc_woocommerce {
margin: 0 auto; max-width: 1064px; }
.product .entry-summary { clear:none !important; }
.woocommerce.columns-4 {white-space:normal} ul.products {white-space:normal; margin-bottom:0} ul.products li.product {margin-bottom:0}
Michael Kalmykov
8,919 PointsMichael Kalmykov
8,919 PointsI thought I'd add that images are there via the woo commerce short codes.
I've tried all of the following, each with the same result.
[recent_products per_page="4" columns="4" orderby="date" order="ASC"]
[featured_products per_page="4" columns="4" orderby="date" order="ASC"]
[best_selling_products per_page="4" columns="4" orderby="date" order="ASC"]
currently its on recent