How do I align product image and title in centre ?
1 Like
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.
1 Like
thanks for more clear asap
can you try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
.product-card {text-align: center;}
.product-card .price {align-items: center;}
1 Like
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!
1 Like
Yes, let me how to proceed with this look, thankyou!
1 Like
yes please try this code
.product-card .price .price__sale {
justify-content: center;
margin-right: 0;
}
1 Like
It worked! thankyou so much!
Thank you so much! I’ve been researching to find a solution but this is the only one that works. I have the Studio (previously known as Dawn) theme and I had no file named theme.css so I created one and pasted your code into the theme.css file in Assets. However, there is one small issue. The last product image is still off center.
Hi Ketan,
Please could you help me align the photos and title on my product collection pages. Here is an example of a page showing the issue: https://trade-warehouse-1947.myshopify.com/collections/waterbutt
The store password is sahkro.
It would be much appreciated,
Kind regards,
Elliot