This topic has 6 replies, 2 voices, and was last updated 9 years, 3 months ago ago by Jack Richardson
Here is a screenshot of the issue:
http://i.imgur.com/Bvx49vf.png
As you can see, the products are not neatly lined up on the product page. Ideally, I would like all of the “Add to Cart” buttons to be aligned.
As well, my Shop page doesn’t line up either:
http://i.imgur.com/eeE5HIm.png
I would prefer my Shop page to have 4 items across if possible to match my Products page. I will accept 3 across if that is the only possible method. I would also like them to all line up and the images to be cropped the same. Is there a way to hard crop those images so its just a square crop of whatever image is selected, so they all appear uniform?
Thank you.
Hello,
I’ve added this code in Theme Options > Custom CSS > Custom CSS for desktop:
.products-grid .product-category {
width: 25% !important;
}
.product-content-image img {
height: 200px;
}
.products-grid .product-title {
height: 50px;
}
Please check products page now.
Best regards,
Jack Richardson.
Hello,
“Add to Cart” buttons are not aligned because some products have price and some doesn’t. If you set price for all products the buttons will be aligned.
Try to use this code in Custom CSS for desktop, for categories display:
.products-grid .product-category img {
height: 250px !important;
}
Best regards,
Jack Richardson.
Hello –
The Shop page at thruthecottagedoor.com/shop/ is broken again. Im not sure what keeps getting messed up with this page, but as you can see things are improperly aligned and some things are even overlapping. I’d appreciate any help I can get, as I am launching my store in just a few days!
http://i.imgur.com/7r9Gzez.png
Hello,
Add this code in “Custom CSS for desktop”:
.products-grid .product-category {
height: 300px;
}
Best regards,
Jack Richardson.
Tagged: add to cart, alignment, buttons, products, themes, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up