Debut Theme - Center Product Name and Price

Solved
Tracy_Dennis
Excursionist
12 2 3

How can I change product title and price from left justified to centered under product picture?

Thank you

0 Likes
prinpadure
Explorer
103 29 35

Hi @Tracy_Dennis 

Add the following at the end of your theme.css file:

.grid__item .grid-view-item__title {
	text-align: center ;
}
.grid__item .price {
  align-content: center;
}
E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes
Tracy_Dennis
Excursionist
12 2 3

Hi Prinpadure,

I copied the code you provided, but everything is still left justified.  Is there something else I need to do to make it take effect?

Thanks,

Tracy

KetanKumar
Shopify Partner
14204 1655 5116

@Tracy_Dennis 


Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
14204 1655 5116

This is an accepted solution.

@Tracy_Dennis 

Thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

This code applies after 5-6 second

.product-card {text-align: center;}
.product-card .price__regular {margin-right: 0 !important;}
.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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tracy_Dennis
Excursionist
12 2 3

Under Assets I see theme.css.liquid, is this the correct one?

0 Likes
KetanKumar
Shopify Partner
14204 1655 5116

This is an accepted solution.

@Tracy_Dennis 

Yes, please

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tracy_Dennis
Excursionist
12 2 3

Should I delete the first code I copied there that didn't work before copying this  new one?

0 Likes
KetanKumar
Shopify Partner
14204 1655 5116

This is an accepted solution.

@Tracy_Dennis 

if possible to add me staff so i will quick fix https://help.shopify.com/en/manual/your-account/staff-accounts/create-staff-accounts

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing