Re: Center the Inventory Status on product page - Dawn theme

Center the Inventory Status on product page - Dawn theme

sokkdceo
New Member
5 0 0

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

Replies 8 (8)

thirtycoders
Shopify Partner
135 21 28

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
 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
sokkdceo
New Member
5 0 0

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

thirtycoders
Shopify Partner
135 21 28

Please check this product page once again @sokkdceo 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
sokkdceo
New Member
5 0 0

I did it is still aligned left.

thirtycoders
Shopify Partner
135 21 28

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 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
sokkdceo
New Member
5 0 0

IMG_8781.png

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

thirtycoders
Shopify Partner
135 21 28

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


 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
sokkdceo
New Member
5 0 0

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