woocommerce product alignment

digital-top

Hello,

I need your help to set product pages.

Here is what I would like to have

1) The button "add to cart" or "segli/choose" centered (as the titles and price)

2) I would like to have all the boxes of the same eight even when the title goes in 2 or 3 lines (is it possibile?) - So the box height should be of the same size for all the products

Please let me know

Thank you very much

Phil

Hello,

Please, try to use the following Custom CSS Code.

.woocommerce .product .desc{
  min-height: 140px!important;
}
.woocommerce .product{
  text-align: center!important;
}

If some of the buttons will display in incorrect way, please, try to give them shorter names.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Dear Phil

that's perfect, thanks a lot. I tried it with 115px and I think it's enough.

Now I was wondering if it's the case to increase the space between one product and the one below ... because they look to close.

please let le know

Thank you

digital-top

Hi Phil

There is another problem.

I realised that the code you gave me centered also the product description in each product item and not only the "add to cart" button.

Can you please have a look?

This should be left aligned as it was before.

Thank you

Phil

Please, delete the second part of the CSS Code I sent you (from 4th line) and put there this one:

.woocommerce .products li{
  text-align: center!important;
margin-top: 20px!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

digital-top

Dear Phil

thank you very much. That's perfect!