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

Solved

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

Su_B
Excursionist
16 0 5

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.

Screen Shot 2024-01-18 at 3.49.09 pm.png

Screen Shot 2024-01-18 at 3.49.22 pm.png

  

Accepted Solution (1)

PageFly-Oliver
Shopify Partner
878 190 175

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1551 353 380

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

PageFly-Oliver
Shopify Partner
878 190 175

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Su_B
Excursionist
16 0 5

Thanks so much!

 

growthtricks
Visitor
1 0 0

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