How can i center the price ?

Store Design

Topic summary

A user seeks help centering product prices on their Shopify store.

Solution Provided:

  • Navigate to Online Store → Customize → Settings → Custom CSS
  • Add CSS code to center prices using flexbox properties (.price__container with display: flex and justify-content: center)

Additional Request:

  • User also asks how to center product titles
  • Solution: Add CSS targeting .full-unstyled-link h3 with text-align: center

Status: Issue resolved. User confirms the solution worked and expresses gratitude.

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

How can i center the price ?
thanks in advance

02102.PNG
02102.PNG1538×547 253 KB

2

What’s your store url ?

3

https://e018c6-82.myshopify.com/

4

Go to your online store → customize → settings → custom css and paste this code there

.price__container {
    display: flex !important;
    justify-content: center;
}
5

what about the ptoducts title how can i center them too ?

6

add this css there to center the titles

h3 .full-unstyled-link {
    text-align: center;
}
7

thank you bro so much for your help

8

Happy to help you :slightly_smiling_face: