How Do I Center The Information In The Featured Product Section (Refresh Theme)

[Jman4]

How do I center everything in the Featured Products section? That includes the product title, price, color option, quantity, etc.

[BSSCommerce-B2B]

@Jman4,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.product__info-container.product__column-sticky * {
   text-align: center;
   justify-content: center;
   max-width: 100%;
}
.share-button__button {
   margin: 0 auto;
}
</style>

[Jman4]

@BSSCommerce-B2B I apologize for the inconvenience but, how do I center the quantity selector everything else worked except for that. The share button can stay as it is. It looks better that way

[BSSCommerce-B2B]

@Jman4, It's weird. I use the code in my theme and it's center all

Could you kindly share your store url? 

[Jman4]

@BSSCommerce-B2B The store url is https://8c800e-21.myshopify.com/ and the password is Cool2495

[BSSCommerce-B2B]

@Jman4,

try this one

<style>
section.product__info-container * {
    text-align: center!important;
    justify-content: center!important;
}
</style>

Result:

[Jman4]

@BSSCommerce-B2B Sorry again, but is there a way to put this in my product page (shop now)? The code did work but it only worked on my home page.

[BSSCommerce-B2B · Accepted solution]

@Jman4, sorry my bad change the code like this

<style>
section.product__info-container * {
    text-align: center!important;
    justify-content: center!important;
}
section.product__info-container quantity-input,
section.product__info-container .share-button__button {
    margin: 0 auto!important;
}
</style>

[Jman4]

I appreciate the help! Thank you very much!

[BSSCommerce-B2B]

No problem! Glad to help you 😊