Can't Center Price on Product Page in Debut Theme

Highlighted
New Member
2 0 0

I added code to center my products on the home page and collections page but now on my products page the price is not centered (but the title is). I have tried all of the diferent threads and nothing worked.

 

This seems to be the main suggestion I am finding but it does not work.

 

.price {

display: block !important;

text-align: center;

}

0 Likes
Highlighted

Hello completelycrisp,
Please share your site url.
So that i can check and let you know the exact solution here.

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
0 Likes
Highlighted

@completelycrisp There may be a way to do it without turning the flex into a block, but on an individual product page there's also a flex container inside of the .price one. Adding this CSS seems to do the trick:

.price {

   display: block !important;

}

.price__pricing-group {

   justify-content: center;

}

---
Learn how to make a restaurant Shopify site: https://learnshopifydev.com/restaurant
0 Likes
Highlighted

Hello @completelycrisp 

.price {
   display: block !important;
   text-align: center !important;
}
.price__pricing-group {
   justify-content: center !important;
   text-align: center !important;
   display: block !important;
}

Hope this will work for you.
Thanks!

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
0 Likes
Highlighted
New Member
2 0 0

Thank you! Can I center the size option as well?Screen Shot 2020-06-25 at 4.09.19 PM.png

0 Likes
Highlighted

Hello @completelycrisp 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-form__controls-group {
	text-align: center;
	justify-content: center;
}

Hope this will work for you.
Thanks!

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
0 Likes