Home>Support>Position of ‘add to cart’ button

Position of ‘add to cart’ button

How to change position of ‘add to cart’ buttons on home and product category pages?

I want all button in same line, but now buttons are in different lines depending on product title long.

Please help me. Thanks

URL: http://football-gadgets.co.uk/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 21 days ago Andrew Misplon
    Hi, I Work Here

    Hi Michal

    We’ve taken a look at this in the past. It’s a complex issue to tackle. I’d start by sorting out your images so they are all the same height. Here is how to set your image sizes:

    http://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/

    Once changes are made you can run regenerate thumbnails to see the change:
    https://wordpress.org/plugins/regenerate-thumbnails/

    For the main matter, the only thing we can think of is to add the following to Appearance > Custom CSS:

    /* WooCommerce */
    
    .home.woocommerce ul.products li.product h3 {
        min-height: 100px;
    }
    

    You can adjust the min-height setting there as required. It’ll set a min height for the product heading, thereby pushing the buttons down to the same point each time, compensating for the differing product title lengths.

  2. 9 years, 21 days ago Michal Potkański

    Problem solved!

    Many thanks for fast reply and help : )

  3. 9 years, 21 days ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that helped.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More