Center Inventory Status on Product Page

Store Design
, , , ,

Topic summary

A user wants to center the inventory status display on their product page while using the Refresh theme. Currently, the inventory status appears aligned to the left.

Solution provided:

  • Navigate to the theme customizer
  • Open any product page
  • Access Product Information section
  • Add custom CSS code to the custom CSS box

The CSS targets the .product__inventory class and uses justify-content: center to center-align the inventory status element. This customization should reposition the inventory display from left-aligned to centered on the product page.

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

Hey guys,

I want to have the inventory status on my product page centered and not on the left, can someone help me?

I’m using the Refresh Theme

2

Go to the theme customizer.

Open a product page. Click on Product Information → in the custom css box, paste the following code:

.product__inventory {
justify-content: center;
}

dexter845_0-1723767906082.png
dexter845_0-1723767906082.png3832×1410 432 KB