How do I centre the product title and price under image - Debut theme?

Solved
Excursionist
22 2 0

Hello,

 

Can someone please advise how to centre the product title and price under the image with Debut theme?

 

It is currently left aligned under the image.

 

Also, how can I remove the decimal point from prices? To show whole dollar amount only. 

 

Thank you. 

0 Likes
Excursionist
22 2 0

Anyone?????


@lendestore wrote:

Hello,

 

Can someone please advise how to centre the product title and price under the image with Debut theme?

 

It is currently left aligned under the image.

 

Also, how can I remove the decimal point from prices? To show whole dollar amount only. 

 

Thank you. 



@lendestore wrote:

Hello,

 

Can someone please advise how to centre the product title and price under the image with Debut theme?

 

It is currently left aligned under the image.

 

Also, how can I remove the decimal point from prices? To show whole dollar amount only. 

 

Thank you. 


 

0 Likes

Hello @lendestore,

To center the product title and price

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price {
	justify-content: center;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

Excursionist
22 2 0

Hello,

 


@oscprofessional wrote:

Hello @lendestore,

To center the product title and price

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price {
	justify-content: center;
}

Hello - 

 

Is this going to centre the product title as well? 

0 Likes

Success.

Sorry,I forgot to add the code for product title.

For product title add below code

.product-card__title {
	justify-content: center;
	display: flex;
text-align: center;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
22 2 0

Thank you! That worked perfectly! 

 

Do you know how I can remove the decimal point and cents from the price as it appears? I only want it to show whole dollars only? 

0 Likes

Success.

@lendestore,

To remove decimal from points please follow below steps

2019-12-31_12-41_oscpkalyani ~ Themes.jpg2019-12-31_12-42.jpg2019-12-31_12-48.jpg

Replace {{amount}} into {{amount_no_decimals}}

26-31-qhg68_27rwp.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
22 2 0

THANK YOU!!

0 Likes
New Member
6 0 0

Hello,

 

I am joining the bandwagon and any help is much appreciated. I tried to use the code for my site but it doesn't seem to work.  Is there also a way for me to make the font size smaller and center for the product page. I am trying to pattern the title and price like the second photo.

 

Here is my site: www. saintofficial.com

Screen Shot 2020-01-22 at 8.56.41 PM.pngScreen Shot 2020-01-22 at 9.07.36 PM.png

 

thank you so much

0 Likes