How can I center align the quantity number on my product page?

Topic summary

A user seeks help centering the quantity number display on their Shopify product page.

Another participant provides a CSS solution, suggesting adding text-align: -webkit-center !important; to the .price-per-item__container class in base.css and shares a screenshot of the expected result.

The original poster responds that the issue persists and clarifies their actual need: they want both the variant selection boxes and the quantity selector centered on the page, not just the quantity number itself.

Status: The discussion remains open with the problem unresolved, as the proposed CSS fix did not address the user’s complete centering requirements.

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

how can i align center the quantity number please?

store url https://26e068.myshopify.com/

Hey @Itamar2020

Add this code in base.css

.price-per-item__container {
    text-align: -webkit-center !important;
}

RESULT:

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

Best Regards,
Moeed

still not

i need the varians boxes and the quantity selection to align to the center please