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

Store Design

Topic summary

A user seeks to change the product page alignment from center to left in Shopify’s Dawn theme. They provide before/after images showing the desired layout change and share their development store URL with password access.

Two solutions are offered:

Solution 1 (CodingFifty):

  • Edit base.css/theme.css/style.css in the theme code editor
  • Add CSS targeting product-info .page-width with custom padding and margin adjustments for screens 750px and wider

Solution 2 (DaisyVo):

  • Navigate to Theme Settings > Custom CSS
  • Add CSS removing max-width constraints and inline padding from product-info > .page-width
  • Includes a screenshot demonstrating the result

Resolution: The user confirms DaisyVo’s solution worked successfully. The discussion is resolved with the CSS customization approach.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I have something like as below picture

kb2528_0-1736962788524.png
kb2528_0-1736962788524.png1013×559 180 KB

I would like as below

kb2528_1-1736962868323.png
kb2528_1-1736962868323.png804×675 202 KB

2

Hi @kb2528 .,

Kindly share the store URL.

3

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

pass :- brucri

4

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;
    }
}
5

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:

image_720.png
image_720.png719×324 120 KB

I hope this helps

Best,

Daisy

1 Like
6

Thank you Daisy! it worked!

7

Thank you for your response!

8

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

1 Like