Centre price in pipeline theme and place star reviews under title and above price

[Su_B]

Hi I need help to centre my price, it wont centre with title after I added a code to move afterpay theme to new line.  Title and price are combined in block in Pipeline theme.  Have centred but price wont centre.  And I cant work out how to put the review stars widget under title.  Please see what I have, the Chloe, and what we want.

  

[theycallmemakka]

Hi @Su_B 

Follow these Steps to center the price:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
span.product__price {
    width: 100%;
}
</style>

However, to reposition the stars, you will have to customize the theme. I cannot provide a solution for this as this completely depends on the theme and the apps that are being used.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[PageFly-Oliver · Accepted solution]

Hi @Su_B ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
.product-page .product__price{
margin:auto !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Su_B]

Thanks so much!

[growthtricks]

I have added this code to my Pipeline theme as told in instructions but its not working.