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

Store Design
1

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. :slightly_smiling_face:

2

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

3

Thank you

https://www.woodandwonder.ca

Password is currently sola2020love

4

Any help would be much appreciated :slightly_smiling_face:

5

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;
}
2 Likes
6

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

7

Add this css

.product-single__meta .h2.product-single__title {
    text-align: center;
}
8

Perfect! Worked beautifully thanks so much.

9

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?

10

I added like as below!

.product__quantity.product__quantity–button {
text-align: center;
}

1 Like
11 
 I did the solution by myself.
thank you so much for trying to help
12

I did the solution by myself.
thank you so much for trying to help