How to change product page alignment from center to left in dawn theme?

[kb2528]

I have something like as below picture

I would like as below

[CodingFifty]

Hi @kb2528.,

Kindly share the store URL.

[kb2528]

url :- https://pgf-dev.myshopify.com/

pass :- brucri

[CodingFifty]

Hello @kb2528.,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.

@media screen and (min-width: 750px) {
    product-info .page-width {
        padding: 0px 0rem !important;
        margin-right: 150px !important;
    }
}

[kb2528]

Thank you for your response!

[DaisyVo]

Hi @kb2528 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

product-info > .page-width {
    max-width: unset !important;
    padding-inline: 0 !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[kb2528]

Thank you Daisy! it worked!

[DaisyVo]

Hi @kb2528 

If it works, I will be really grateful if you can give us a like and mark our answer as Solution

Thank you so much

Best,

Daisy