How can I align the product page to the center in refresh?

Store Design
1

Hey, does anyone know how I can align everything (quantity selector, color pills, description etc, to the center).

My shop https://eshagsto.myshopify.com/products/hanging-plastic-wall-planter-basket-self-watering-plant-flower-pot-vase-water-container-plastic-flower-planter-stand. Thank you

2

Hi @NovoPlant345

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.product__info-wrapper {text-align: center;}

.product__info-wrapper .product-form__input, .product__info-wrapper .quantity, .product__info-wrapper .product-form__buttons {margin: 0 auto !important;}

Regards,

San

3

@NovoPlant345 add below css into base.css file

.product__info-container {
    max-width: 60rem;
    text-align: -webkit-center;
}
fieldset.product-form__input .form__label {
    margin-bottom: .2rem;
    text-align: center;
}