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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Excursionist
11 0 9

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

 

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

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | 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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
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
Tourist
4 0 1

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes