Support Center Visit Demo License manager Buy @ envato

woocommerce product alignment

digital-topdigital-top
in Shortcodes

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

image.png


Please let me know


Thank you very much

Comments

  • PhilPhil
    edited 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

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • digital-topdigital-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.

    image.png


    please let le know

    Thank you

  • digital-topdigital-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?

    image.png


    This should be left aligned as it was before.

    Thank you

  • PhilPhil

    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-topdigital-top

    Dear Phil

    thank you very much. That's perfect!

Sign In or Register to comment.