Modify alignment, size and order of variation swatches, product name, price and add to cart in store

Dear @LVRB,

We hope this message finds you well.

Please accept our apologies for the delayed response, as our team was out of office over the weekend.

We kindly request that you temporarily disable all firewalls so that our team can access your website for further investigation and support.

For your reference, please see the following screenshot:
https://prnt.sc/UfKHGg4_MTga

Thank you for your cooperation. Should you have any questions or concerns, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Dear @LVRB,

Please check the Private Content Area.

Thank you!

Dear @LVRB,

We would like to inform you that our IP address has recently changed. Could you please add the following IP address to your system: 171.247.106.135?

We appreciate your assistance and thank you in advance for your support.

Best regards,
The 8Theme Team

Dear @LVRB,

To align the product details to the left, kindly add the following custom CSS under:

XStore > Theme Options > Theme Custom CSS > Global CSS:

body .text-center.product-details {
    text-align: left;
    padding: 0 15px 15px;
}

Please note that it is not possible to replace the “Add to Cart” button with a “+” icon. However, you do have the option to remove the quantity field next to the cart button, as shown in the following screenshot: https://prnt.sc/O916ITqSAF1-

Should you have any further questions, feel free to reach out.

Kind regards,
The 8Theme Team

Dear @LVRB,

Kindly try adding the following custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

body .text-center.product-details {
    display: flex;
    flex-direction: column;
}

body .content-product .product-title {
    order: 0;
}

body .content-product .price {
    order: 1;
}

body .content-product .quantity-wrapper {
    order: 3;
}

body .st-swatch-in-loop {
    order: 2;
}

body .content-product .add_to_cart_button {
    padding: 8px 10px !important;
}

Additionally, could you please disable the quantity field so that the CSS can be properly applied to the “Add to Cart” button?

Should you have any questions or need further assistance, please do not hesitate to reach out.

Kind regards,
The 8Theme Team