Shopify themes, liquid, logos, and UX
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
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
It did not work on my site. Is there another way?
Please check this product page once again @sokkdceo
I did it is still aligned left.
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
The inventory widget is not centered in line with every other option.
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;
}
Still no change to the placement. It is still aligned left on the website
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025