How can I center the product name and quantity on my Dawn product page?

[Jacquline]

Hey everyone, can someone please please help me fix my website. It has been staiyng like this for such a long time, I havent managed to get an answer and all the codes I’ve tried dont work!

All I want is to center the Product name + Quantity.

I would be so thankful.

Website is https://reussirwi.com

[Ahsan_ANC]

Hi, @Jacquline

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

@media(max-width:786px){
#ProductInfo-template--16077491765500__main > h1,#ProductInfo-template--16077491765500__main > div.product-form__input.product-form__quantity > label{
   text-align: center !important;
}
}

[Nick_Marketing]

Hi!

You could try adding this code to the bottom of section-main-product.css.

.product-form__input.product-form__quantity {
  max-width: 100%;
  text-align: center;
}

.product__info-container .product__title {
  text-align: center;
}

Result:

[Jacquline]

Thank you both sooo much for the answers!