How do I align product image and title in centre ?
Solved! Go to the solution
This is an accepted solution.
thanks for more clear asap
can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-card {text-align: center;}
.product-card .price {align-items: center;}
This is an accepted solution.
yes please try this code
.product-card .price .price__sale {
justify-content: center;
margin-right: 0;
}
sorry for any issue
can you please share store url so i will check and let you know.
hello @darkside_d
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
hi, I'm still awaiting for a solution ! kindly revert back asap! here is the link again.
hello @darkside_d
issue is your images are like around white space can you please upload png images see a screenshot of your product images https://nimb.ws/I85fzk
Kindly have a look at the screenshot. Should help you understand better.
This is an accepted solution.
thanks for more clear asap
can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-card {text-align: center;}
.product-card .price {align-items: center;}
It worked! thankyou so much, but the price mentioned is still on the left side, have shared the screenshot! Kindly help!
Thankyou
Also the 'SOLD OUT' option, even that is not aligned in the centre!
yes please confirm this look
Yes, let me how to proceed with this look, thankyou!
This is an accepted solution.
yes please try this code
.product-card .price .price__sale {
justify-content: center;
margin-right: 0;
}
User | RANK |
---|---|
234 | |
53 | |
48 | |
33 | |
32 |