Home>Support>WooCommerce Align Add to Cart Buttons

WooCommerce Align Add to Cart Buttons

Hello, I need your help to be able to align the add-to-cart buttons, please indicate where I can go, I have this code but I do not know what CSS I can leave it

a.added_to_cart.wc-forward {
     bottom: 0;
     position: absolute;
     display: block;
     bottom: 0px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
     min-height: 295px! important;
     margin-bottom: 10px;
}

a.button.add_to_cart_button,
a.button.product_type_simple {
     bottom: 30px;
     position: absolute;
}

Thank you very much

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

  1. 6 years, 6 months ago Cristopher Ponce

    Thank you already achieved it, the attached so that they can place it in the forum, it is a generic one, you only have to adjust it from the bottom variable: 70px; for my case it is 70px

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
       min-height: 500px! important;
       margin-bottom: 10px;
    }
    ul.products li.product a.button {
       position: absolute! important;
       bottom: 70px;
    }

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