Alignment Of Product Picture And Title

[darkside_d]

How do I align product image and title in centre ?

[KetanKumar]

@darkside_d 

sorry for any issue

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

[Kinjalbuha]

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

[Kinjalbuha]

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!