Center Product Titles & Price

Highlighted
New Member
10 0 0
0 Likes
Highlighted

Hello iitsirma,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

dl.price {
    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
Highlighted
New Member
10 0 0
This is where I am pasting the code, let me know if I am missing anything.
Because the result of this format is a completely messed up site.
0 Likes
Highlighted

Hello @iitsirma 

Please replace above code with following code & changes looks like as attached screenshot please refer for your reference.

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

.price--listing .price__regular {
	text-align: center;
	width: 100%;
}

 

price.png

Hope this will work for you

Thanks....

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
New Member
10 0 0

That worked! Thank you so much I finally got it. But when I click on a product, the title is centered but the price is on the left. Anyway to fix that? Thank you again!

0 Likes
Highlighted
New Member
10 0 0

Also, when I first load onto a collection page, (i attached an image) I see this (...) next to the wishlist heart, and then it goes away after a quick second. I have no idea how that got there and no idea how to get rid of it. Can someone please help with this! It might not be a big issue but as a customer it looks like a tweak in the system. Thank you. 

IMG-1823.PNG

0 Likes
Highlighted

Hello @iitsirma 

For product page price tag is center align follow following code

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.price__pricing-group {
	text-align: center;
	margin: 0 auto;
}

Hope this will work for you

Thanks....

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
New Member
10 0 0
Thank you so much for all the help. That worked! How would I bring the "Add
to cart, add to wishlist" to the center as well? Thank you again.
0 Likes
Highlighted

Hello iitsirma,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-form__item.product-form__item--submit.product-form__item--no-variants {
    margin: auto;
    text-align: 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
Highlighted
New Member
2 0 0

It worked well for product names but not for prices :c  What should I do?

0 Likes