How to put in the left align on the product page?

Store Design
, ,

Topic summary

Dawn theme product page alignment: requester wants the product title, price, “shipping calculated at checkout,” and the quantity selector all left-aligned, with the shipping message placed directly under the price.

What was tried:

  • Multiple CSS snippets were suggested to add in base.css/main.css (e.g., targeting #shopify-section-template…__main, .product-form__input/.product-form__quantity, .product__title > h1). One reply also told to add CSS in theme.liquid, but provided an empty code block.
  • A later CSS attempt targeted .product__title and a review badge, plus quantity selectors; however, selectors appear inconsistent (typos/spaces) and did not change the layout.

Results so far:

  • The proposed CSS did not achieve the goals. Title alignment may have improved, but the shipping message remains on the right and not under the price; the quantity control is still centered.

Latest update/status:

  • Merchant shared store URL (pawshubs.com) for debugging. Issue remains unresolved; correct selectors and/or structure changes may be needed to place the shipping text under the price and left-align the quantity selector.
Summarized with AI on December 25. AI used: gpt-5.
11

Hi @VisarK ,

You can follow these steps

Step 1: Please navigate to Online store > Themes > Edit code and find base.css

Step 2: Insert code at the end file and Save them.

.product__title > h1 {
    text-align: left;
}

.product-form__quantity .form__label {
    text-align: left !important;
}

.product-form__input.product-form__quantity {
    display: grid;
    justify-content: flex-start;
}

It like that:

BSSCommerceTC_0-1720212943849.png
BSSCommerceTC_0-1720212943849.png1457×911 133 KB

BSSCommerceTC_1-1720212976626.png
BSSCommerceTC_1-1720212976626.png451×817 71.1 KB

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance.