How to center title and price in product page?

Solved
Highlighted
Tourist
11 0 3

Hello,

I would like to know, how to center title and price in product page?

1.png

1 Like
Highlighted
Shopify Partner
1281 169 403

This is an accepted solution.

Go into your Assets folder, you should see a file called layouts.css or something similar. Scroll to the bottom and add:

h2.name {
    text-align: center;
}

.product-single__price-product-template {
    text-align: center;
}

Should be good to go

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like
Highlighted
Shopify Partner
4948 731 1595

This is an accepted solution.

Hello, @therckhofficial 

1. Go to Online Store->Theme->Edit code
2. Asset->/rt.application.scss.css.liquid->paste below code at the bottom of the file.

 

.product-summary h2.name, .product-single__price-product-template {
text-align: center;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 0 3

Thanks both of your answer worked!

By the way,

is it possible to change or reduce the font size of these two?

 

Thanks in advance!

0 Likes
Highlighted
Shopify Partner
1281 169 403

This is an accepted solution.

There's a div there with the class of "review" that has a margin-top set to 20px or so. So I don't know if you have reviews on other products where that's used to give space between the review stars and the price or what. You can add this though at the bottom of the style sheet if there's no other reason for it being there:

.product-info .review {
    margin: 0;
}
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like