Center Price on Home Page/Collections Page - Debut Theme

Solved
Therdss
New Member
2 0 0

Hi there,

 

I've looked at all the other threads on how to center the product title/price. When I entered and messed around with all of the other codes my Product Title and Reviews will center, but the price no matter what code I enter won't center.

 

I'm on debut theme, my website is https://thehydrarank.com/. I'm trying to get both the pricing centered on the home page and also the "Shop" or collections page.

 

Thanks in advance,

Tyler

0 Likes
Dallas
Shopify Staff
Shopify Staff
911 60 175

Hey, there.

 

This is Dallas from the Shopify Social Care Team.

 

I spoke with my themes team and since you're using a Shopify theme we can take a look to see if we can get this done for you for free using some Shopify design time. You get design time automatically when you start an account if you're using a Shopify theme.

 

I have gone ahead and sent you an email to the address associated with your forums account. If you could have the store owner reply to that email then I will be able to verify your account. After that, I will be able to send this ticket up to my themes department to see what they can get done for you.

 

If you don't see that email then it may have ended up in your spam folder. If you still don't see it then please let me know here.
If you have any further questions please don't hesitate to let me know.

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Qualitycheck
Shopify Expert
1404 114 220

Hi @ Hi @,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css->paste bellow code in bottom of file
.grid__item .price {
align-items: center !important;
}

0 Likes

This is an accepted solution.

Hello @Therdss,

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

.product-card .price {
	align-items: 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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Therdss
New Member
2 0 0

Thanks so much!

0 Likes
RestructuredbyA
New Member
1 0 0

THANK YOU!!! Seriously spent ALL morning trying different suggestions and none worked. This one worked immediately. I will say that you have to have some idea of what you are looking at and for in order to understand WHERE to place some of the suggestions. After hours of looking at code I started to see the patterns and was finally able to figure out where to place it. This one worked for my theme Debut

 

 

0 Likes
Miren2020
New Member
2 0 0
 Hello, 
I was wondering if shopify could help 
 
I am having 2 difficulties where i have tried every attempt ive come across online ( pasting the various codes at the bottom of theme. scss however with no success. 
 
1) I would like to change me price colours to green #518B32 
 
2) Centre my product description and prices
 
Any help would be greatly appreciated
 
My site url is www.antiquelook.co.uk 
 
Kind regards
0 Likes