How To Center Product Title And Price On Product Page

[martujv]

Hello!

How can I center the product title and the price on the product page? (Both in mobile and desktop versions)

My theme is stiletto, my web is https://winnerofficial.com/collections/ss2024/products/product-15-jacket and my password is y21

Right now they are on the left as you can see in these photos:

Mobile:

Desktop:

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

To make center Title and price you can follow code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<style>
   .product .product__title{
    text-align: center !important;
    }
   .product .product__price-and-ratings{
       display: flex !important;
       justify-content: center !important;
   }
<style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

To make center Title and price you can follow code here:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<style>
   .product .product__title{
    text-align: center !important;
    }
   .product .product__price-and-ratings{
       display: flex !important;
       justify-content: center !important;
   }
<style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[PageFly-Noah · Accepted solution]

Iam so sorry, to make code work , you need add </style>  intead for <style> the end. Thank you so much.

[martujv]

Thank you! It worked! Have a nice day

[PageFly-Noah]

Thank you. Have a nice day !