Single product

My “Add to Cart” doesn't line up in the center, how do I get it to line up in the center?

Comments

  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Can you also tell me where you took your first screenshot from, please?

    Thanks

  • The picture above is the screen that is displayed when I set up the form as shown below, but when I use the “single product” template, it doesn't align in the center. My URL is “231277.xyz” and I can access it normally. Please help me to solve the problem, thank you!


  • Try the following CSS code:

    .single-product .mfn-product-add-to-cart .cart,
    .single-product .mfn-product-add-to-cart{
     display: flex;
     flex-direction: column;
    }
    .single-product .mfn-product-add-to-cart .cart .quantity{
     margin-bottom: 8px!important;
    }
    .single-product .mfn-product-add-to-cart .stock{
     text-align: center;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

Sign In or Register to comment.