Center Inventory Status on Product Page

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.

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

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;
}