woocommerce product alignment

digital-top · December 2020

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 · December 2020

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

digital-top · December 2020

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 · December 2020

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 · December 2020

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

digital-top · December 2020

Dear Phil

thank you very much. That's perfect!

woocommerce product alignment

Comments

This website uses cookies