Center Text and Prices of Product on main page - Dawn

Store Design
,

Topic summary

A user seeks help centering product names and prices on their Shopify store’s main page using the Dawn theme. While other elements are centered, these specific items remain misaligned.

Proposed Solutions:

  • Multiple responders suggest adding CSS code to center the elements:
    .card-information {
  text-align: center;
}

Implementation Attempts:

  • Initial confusion about file location (custom.css/theme.scss not found)
  • Code added to base.css file, but did not resolve the issue
  • The CSS appears to be overridden by default theme styling

Current Status:

  • Problem remains unresolved
  • Latest suggestion involves adding the code with !important markup in the theme.liquid file above the </head> tag
  • User requests alternative solutions if this approach fails
Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am looking how to center the product name and prices on main page. Everything is center but i can´t center this information.

WhatsApp Image 2022-11-08 at 15.28.24.jpeg
WhatsApp Image 2022-11-08 at 15.28.24.jpeg739×1600 121 KB

My store is https://diamelite-chile.myshopify.com/ and password : yeunga

Thank you for your help!

2

Hi Wuzdad78240,

You can align the product title & pricing information by using CSS.

You need to add some code in your custom.css/theme.scss that are shown below:

.card-information {
text-align: center;

}
Thanks

3

Hi!

I cannot find custom.css/theme.scss on the code edit.

4

hi @Wuzdad78240
This is PageFly - Free Landing Page Builder.

You can add this code into the base.css file

.card-information {
 text-align: center;
}

Hope this can help you solve the issue

Best regards,

PageFly

5

Hello! I add the code at the bottom of base.css file but nothing happens.

Please if you have other solution

Thank you

6

hi i can see it has been overriden by the default code, you can try this in the theme.liquid file above the tag