How can I center my product image and title?

[darkside_d]

How do I align product image and title in centre ?

[KetanKumar · Accepted solution]

@darkside_d 

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;}

[KetanKumar]

@darkside_d 

sorry for any issue

can you please share store url so i will check and let you know.

[Kinjaldavra]

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.

[darkside_d]

Dumbledog.com

[darkside_d]

hi, I'm still awaiting for a solution ! kindly revert back asap! here is the link again.

https://dumbledog.com/collections/dog-dry-food

[Kinjaldavra]

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

[darkside_d]

Kindly have a look at the screenshot. Should help you understand better.

[KetanKumar · Accepted solution]

@darkside_d 

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;}

[darkside_d]

It worked! thankyou so much, but the price mentioned is still on the left side, have shared the screenshot! Kindly help!

Thankyou

[darkside_d]

Also the 'SOLD OUT' option, even that is not aligned in the centre!

[KetanKumar]

@darkside_d 

yes please confirm this look

[darkside_d]

Yes, let me how to proceed with this look, thankyou!

[KetanKumar · Accepted solution]

@darkside_d 

yes please try this code

.product-card .price .price__sale {
    justify-content: center;
    margin-right: 0;
}

[darkside_d]

It worked! thankyou so much!

[elliotmch1]

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

[morethanaskirt]

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.