Center Product Titles & Price

[oscprofessional]

@Bloomebridal,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price {
	justify-content: center;
}

[Mcon]

for price centering try this if all else fails.... put at bottom of theme.css

.price{
display: block;
text-align:center !important;
}

[bevisible]

Tried the first code and it only centered the product titles.  Tried adding both of the price codes separately and neither worked.

Prices still aren't centered.  Does anyone know how to make them centered?

Thanks so much.

[oscprofessional]

@bevisible,

Please Share your site url and password so that I will give you exact solution

[bevisible]

Thanks oscprofessional

Sent you login by private message.

[oscprofessional]

@bevisible,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price__regular {
	margin: 0 auto;
}

[bevisible]

This worked! Thanks so much

[Bloomebridal]

THANKS ! It worked!

---

@oscprofessional wrote:

@Bloomebridal,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price {
	justify-content: center;
}

---

[Kevin2020]

Hi there

After adding the code, the title and the price went in the middle, but the sale text is still on the left. (Pls see attached photo)

Is there any way to fix this please?

Thanks a lot.

[oscprofessional]

Hello @Kevin2020,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price.price--listing.price--on-sale {
	align-items: center;
}