Return to previous page

Products and Add To Cart buttons not lining up

This topic has 6 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

GraffitixSlam

Participant

September 10, 2015 at 00:42

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.

Please, contact administrator
for this information.

#85794 Copied Theme version: 2.2 WooCommerce version: 2.4.6

5 Answers
Jack Richardson

Support staff

September 10, 2015 at 09:23
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.
#85877 Copied
GraffitixSlam

Participant

September 10, 2015 at 18:00

It doesn’t appear the issue is fixed.

http://i.imgur.com/61SkAuA.png

http://i.imgur.com/EB6K9Na.png

#86032 Copied
Jack Richardson

Support staff

September 11, 2015 at 08:18
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.
#86111 Copied
GraffitixSlam

Participant

September 25, 2015 at 16:05

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

Please, contact administrator
for this information.

#89333 Copied Theme version: Current WooCommerce version: Current
Jack Richardson

Support staff

September 28, 2015 at 11:23
Hello,

Add this code in “Custom CSS for desktop”:
```
.products-grid .product-category {
    height: 300px;
}
```
Best regards,
Jack Richardson.
#89605 Copied
Tagged: add to cart, alignment, buttons, products, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)