[FIXED] How Do I Center Product Title And Pricing Info On My Shopify Website?

Issue

I'm trying to figure out how to center the title of the product I'm selling on my website (Safe Guard Lenz) as well as center the pricing details that's under the product title as well. I need them centered for both mobile and desktop.

It's located at the bottom of the home page and on the product page itself. Ideally would want it centered for both.

Any help to achieve this would be greatly appreciated as I've been looking for a solution for this online and can't seem to have any success.

My website is safeguardlenz.com and the password is: Bebe

Thank you!

Solution

You can use style sth like this.

.product-single__title{
  text-align: center;
}

.product__price, #automizely_reviews_product_detail_title_star_widget{
  width: fit-content;
  margin: auto;
}

And this is the style for homepage value.

.price__pricing-group {
  margin: auto;
}

Answered By - Oscar Cardoso Garcia

Answer Checked By - Marie Seifert (PHPFixing Admin)