• Resolved Coraline Ribière

    (@coralinerib)


    Hello,

    I’m actually working on an e-shop. The shop works with Woocommerce and Genesis Theme.

    I personnalised the short product description with Anywhere-elementor, hide product number and change the add to cart button text by “Acheter”.

    To make it better, I need to align the add to cart button with the text, so I need to center this button. I tried a lot of html codes and ccs but only success to align this button in the shop page (the button and the short text are middle-centered on the products thumbnails) but the add to cart button is desperately keeping the left in my single product page.

    How can I fixe this problem ?

    I ever tried those codes :

    body .woocommerce .add_to_cart_button {
    margin: auto;
    float: none;
    display: block;
    text-align: center;
    }

    .quantity {
    text-align: center;
    }

    .woocommerce ul.products li{
    text-align: center
    }.product, .woocommerce-page ul.products li.product{text-align:center;}

    I tried to add <center></center> around button configuration in Woocommerce>templates>single-product>add-to-cart>simple.php but that didn’t work.

    Thank you

    Coraline

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Impossible to center Add to cart button in single product page’ is closed to new replies.