Position of price on product page - Debut theme

Solved
Highlighted
Tourist
6 0 1

Hello!  I am using the Debut theme and the product price is appearing centred on the product page.  The product title is left aligned.  See link below (password efc518)

https://cyclegiftco.com.au/collections/frontpage/products/le-moyen

I imagine this has something to do with the product title/price being centred on the home page.  But I have no idea how to fix it.

Can anyone shed any light on how to either:

  • Make the product price left aligned; or
  • Make the product name centre aligned

Thank you!

 

0 Likes

Success.

Shopify Expert
77 13 14

hi

we think "Make the product price left aligned;" this is best option.

<style>
#shopify-section-product-template .product__price .price{
justify-content: left!important;
}
</style>

use above code before closing </head> tag in theme.liquid file.

 

Capture.PNG

Thanks

SilverClouding Team 

 

 

 

1 Like

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.price {
 justify-content: left !important; 
}
.product-single__title {
    text-align: center!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
6 0 1

Thank you so much that worked perfectly!

0 Likes
Shopify Expert
77 13 14

hi

If you satisfied please do like and mark accept as solution .

 

Thank you 

SilverClouding Team 

0 Likes

Success.

Shopify Expert
77 13 14

hi @cyclegiftco 

 

You added our code right ?

It's working absolute fine.

Capture.PNG

 

Thanks

SilverClouding  team

1 Like
Tourist
6 0 1

Thanks

1 Like