Hello,
It seems that my prices aren't center-aligning under the recommended product images.
The titles are aligned perfectly.
Thoughts on how to fix?
Store link, hover for password.
Solved! Go to the solution
This is an accepted solution.
Hello ksachse,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.product-recommendations__inner dl.price { display: block!important; }
Please share your site password for more help.
Thank you!!
I ended up adding in a text-align code to your code and it's perfect.
Final code added:
.product-recommendations__inner dl.price { display: block!important; text-align: center; }
Hi, I have been having trouble centering my price, would u mind helping? I've tried many codes already. see below 4 url
url:
Hello aleaser81,
Please share your site url.
So that i can check and let you know the exact solution here.
For Recommended Products
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid
.product-recommendations__inner .h4.grid-view-item__title.product-card__title {
text-align: center;
display: block;
}
.product-recommendations__inner .price.price--listing {
align-items: center;
}
.product-recommendations__inner .price__regular, .price__sale {
margin-right: 0px;
}
.product-recommendations__inner .price dd {
margin-right: 0px;
}
@aleaser81 Looks like your theme.css.liquid file is two below "Assets," right underneath gift-card.css.liquid
User | Count |
---|---|
709 | |
142 | |
103 | |
64 | |
37 |