Alignment Of Product Picture And Title

Solved
darkside_d
Excursionist
24 0 11

How do I align product image and title in centre ?

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2496 9027

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@darkside_d 

yes please try this code

.product-card .price .price__sale {
    justify-content: center;
    margin-right: 0;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)
KetanKumar
Shopify Partner
24919 2496 9027

@darkside_d 

sorry for any issue

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2231 564 1363

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
Excursionist
24 0 11

Dumbledog.com

 

darkside_d
Excursionist
24 0 11

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

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

Natztech
Shopify Partner
2231 564 1363

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
Excursionist
24 0 11

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

KetanKumar
Shopify Partner
24919 2496 9027

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

darkside_d
Excursionist
24 0 11

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

Thankyou

darkside_d
Excursionist
24 0 11

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