Make Prices centered on Home Page and left in product Page

[Jacquline]

Hi Everyone! 

I have the following problem, I had a code added to center my prices on the home page, but it also centered them on my product page. 

I would like them to be on the left on the product page, so all the text can be aligned. 

Please help, thank you!

I would like the price to be on the left here

 this is good

  

[deven1994]

Hi 

just add some CSS for that 

.classname {

text-align : center;

}

.classname {

text-align : left;

}

[Jacquline]

Hey @deven1994 @PageFly-Victor thank you for the answers!

I added the code to my base.css but it didn't work.. Should I add it somewhere else? Thank you!

[PageFly-Victor]

Hi Jacquline.

This is PageFly - Free Landing Page Builder. I would love to provide my advice for your store based on 6 years of providing solutions for about 100.000+ active Shopify merchants.

You can use this code to change the position of the text

.classname {



text-align : left;



}

I hope the above information can help you

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Kind regards,

PageFly

[Jacquline]

Hey! I decided on aligninging them to the center (instead of the left), but none of the code works 😞

I also tried all the other codes I could find in the community with no luck!

Now it looks like this, I also want  the name + quantity in the center! Would be super happy if someone can help, thank you! 

[deven1994]

hi @Jacquline  

if the code does not work then we need to take a deep look into the code DM me and share store details so i will help you.

[oscprofessional]

Hi @Jacquline ,

Hope you are doing well.

Can you please give me the store URL?

[Jacquline]

Hey @oscprofessional @deven1994 thank you for your replies.

Here is the URL https://reussirwi.com

I tried adding the above codes in base.css and

section-main-product.css with no luck.

Ideally the product name + quantity +  size will be centered. Will appreciate any help!

[oscprofessional]

@Jacquline 

.product .product__info-container .price.price--large {
	justify-content: left;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This Product page

homepage

[oscprofessional]

@Jacquline ,

Please share the store URL.....