Hello!
Currently the product name and the price is not aligned on my products. Is there anyway to solve this?
Theme: Origin
Preview: https://pg7vhe5h6xc4t4nz-58489143504.shopifypreview.com
Hello @Sproud
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-price.css
add this code at the end of the file.
.price .price-item {
margin: 0px 1rem 0px 122px;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi [Sproud],
I’ve reviewed the alignment issue with the product name and price on your Shopify store. You can easily fix this by adding the following CSS to your theme:
.card-information {
width: 100%;
text-align: center; /* Aligns the price */
}
This will ensure that the product name and price are properly aligned across all product listings.
Let me know if this solves the issue or if you need further adjustments!
Best regards,
[Rajat Sharma]
Hello @Sproud
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Hello @Sproud
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
- Go to your Shopify Admin.
- Navigate to Online Store > Themes.
- Click Actions > Edit Code on your desired theme.
- In the left-hand panel, find Assets and click on base.css (or the appropriate CSS file).
- Paste the following code into the file:
.card-information>.price {
text-align: center;
}
Perfect thank you so much!