Center Product Titles & Price

Highlighted

@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;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
11 0 5

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

 

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

1 Like
Highlighted
Tourist
10 0 0

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.

Screenshot (7).png

0 Likes
Highlighted

@bevisible,

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

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 0 0

Thanks

 

0 Likes
Highlighted

@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;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
10 0 0

This worked! Thanks so much

0 Likes
Tourist
4 0 0

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;
}

 

0 Likes
Highlighted
New Member
4 0 0

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.

 

New Bitmap Image (2).jpg

0 Likes
Highlighted

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;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes