Buttons are not align to center

  • Resolved tommatican

    (@tommatican)


    3 years, 5 months ago

    Hi, I have this problem. I applied a code in CSS which worked with two buttons, but when the product has more than 2, it doesn’t align to the center.

    I use the code:

    .woocommerce div.product.elementor form.cart table.variations tr,
.woocommerce div.product.elementor form.cart table.variations td {
display: flex;
flex-direction:column;
align-items: center;

@media (max-width: 480px) {
.vi_wpvs_variation_form .vi-wpvs-variation-wrap{
    justify-content: center;

}

    Here is a screenshot: https://ibb.co/qd28yvx

    Thank you for your help.

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

Viewing 1 replies (of 1 total)

  • There is a syntax error in your css above, “}” is missing.
    Anyway, please remove it and use below css only:

    .vi_wpvs_variation_form .vi-wpvs-variation-wrap{
    justify-content: center;
}

    Best regards

Viewing 1 replies (of 1 total)
  • The topic ‘Buttons are not align to center’ is closed to new replies.