How can I center the product title and price using CSS?

Store Design

Topic summary

A user seeks help centering product titles and prices on their store using CSS.

Solution provided:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag
  • The specific CSS code snippet was shared to achieve the centering effect

Outcome:
The solution was confirmed successful by the original poster, who expressed gratitude. The discussion appears resolved with a working implementation.

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

Hi friends! Quick question, how do i center the title and cost of my product? Do i need to use css?

Czaban_0-1693673783912.png
Czaban_0-1693673783912.png900×448 222 KB

2

Hey @Czaban

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693674922647.png
Moeed_0-1693674922647.png1890×884 260 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Thank you very much :heart: