How to center align the price and variant option on product page in Impulse theme

Solved
Highlighted
New Member
7 0 0

 

Hello!

 

Needing some assistance here. I updated the theme to the newest version and just going back through everything now. 

The price and colour variant choice is defaulting to left align and not sure where to change it to center align. 

Any tips or help would be greatly appreciated.

0 Likes
Highlighted

Hello,
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
New Member
7 0 0

Thank you

https://www.woodandwonder.ca

Password is currently sola2020love

0 Likes
Highlighted
New Member
7 0 0

Any help would be much appreciated

0 Likes
Highlighted

This is an accepted solution.

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

.product-single__meta .product__price {
    text-align: center;
    display: block;
}
.product-single__meta .variant-wrapper.variant-wrapper--button.js {
    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
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
Highlighted
New Member
7 0 0

Amazing thank you so much that worked! Is there anyway to have the title center aligned as well?

0 Likes
Highlighted

This is an accepted solution.

Add this css

.product-single__meta .h2.product-single__title {
    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
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
7 0 0

Perfect! Worked beautifully thanks so much.

0 Likes
Highlighted
New Member
7 0 0

Hi there!!!

Sorry to bother you again! Anyway you can guide me on the code to add to the CSS to center the quantity selector field?

0 Likes