how do i center align everything on my product page?

[lawrencesamble]

i want to centre align everything on my product pages; title, sku, price, variant selector, quantity selector, additional text (badges), description, buy buttons and share link. 

using dawn theme 15.2.0

my page width is 1600px

https://lawrencesamble.co.uk/products/fuelexp
 

[DaisyVo]

Hi @lawrencesamble 

I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

.product__info-wrapper.grid__item * {
    text-align: center !important;
}
.product__info-wrapper.grid__item .price-per-item__container > quantity-input {
    margin-left: 50%;
    transform: translateX(-50%);
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[lawrencesamble]

thank you for the reply!
It nearly worked, not all is aligned. i have attached the screenshot

[DaisyVo]

Hi @lawrencesamble 

It seems you have set it up properly, right? I just checked it here https://prnt.sc/vNEpBBk9hXww

Is there anything else that we can help you with? 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.