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

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.

I tried also but still the same @WizzCommerce_Co