How can I center my product image and title?

Solved

How can I center my product image and title?

darkside_d
Excursionist
24 0 12

How do I align product image and title in centre ?

Accepted Solutions (2)
KetanKumar
Shopify Partner
37143 3648 12062

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
37143 3648 12062

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 15 (15)

KetanKumar
Shopify Partner
37143 3648 12062

@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
Kinjaldavra
Shopify Partner
2303 570 1426

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 12

Dumbledog.com

 

darkside_d
Excursionist
24 0 12

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
Shopify Partner
2303 570 1426

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 12

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

KetanKumar
Shopify Partner
37143 3648 12062

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
darkside_d
Excursionist
24 0 12

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 12

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

KetanKumar
Shopify Partner
37143 3648 12062

@darkside_d 

yes please confirm this look

KetanKumar_0-1631850251085.png

 

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
darkside_d
Excursionist
24 0 12

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

KetanKumar
Shopify Partner
37143 3648 12062

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
darkside_d
Excursionist
24 0 12

It worked! thankyou so much!

elliotmch1
Shopify Partner
14 0 0

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
Tourist
4 0 0

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.

More Than a Skirt