This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

WooCommerce Align Add to Cart Buttons

Resolved 1 reply developerthemetheme-vantage
Cristopher Ponce
7 years ago · Last reply by Cristopher Ponce 7 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Cristopher Ponce 7 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread