Center the Inventory Status on product page - Dawn theme

[sokkdceo]

I am having trouble centering the inventory status element of the product page. I have managed to get everything else how I like it, however I cannot find the right code to enter to make this possible.

https://sokkd.com/products/oops-sokkd-originals-ankle

Thank you in advance

[thirtycoders]

Hi @sokkdceo,

Simply follow these steps:

Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css"
Paste the provided code at the bottom of the file.
Save your changes.

.product__inventory {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center !important;
}

Thank you
 

[sokkdceo]

It did not work on my site. Is there another way?

[thirtycoders]

Please check this product page once again @sokkdceo 

[sokkdceo]

I did it is still aligned left.

[thirtycoders]

Could you please provide me with a screenshot and guide me through the information it contains? I would appreciate your assistance in understanding the content. @sokkdceo 

[sokkdceo]

 The inventory widget is not centered in line with every other option.

[thirtycoders]

Hi @sokkdceo,

Simply follow these steps:

Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css."
Paste the provided code at the bottom of the file.
Save your changes.

p#Inventory-template--22189863272738__main{
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

[sokkdceo]

Still no change to the placement. It is still aligned left on the website