Center the price on my homepage

Solved
Tourist
17 0 1

Hi , 

 

I wanted to align center the name of my products on my homepage "Featured products" and the price as well. 

 

I've searched the forums and tried different answers, I could only manage to center the products name but not the price. The price is still left align. 

 

I use the Debut Shopify template. 

 

Many thanks in advance!

 

Best!

 

Center.JPG

0 Likes

Hi

Kindly add the below code in your theme's css file:

Online Store -> Asset -> theme.scss.css

div#shopify-section-featured-collections .h4.grid-view-item__title.product-card__title {
    text-align: center !important;
    display: block;
}

Let me know if there is any issue you face.

Thank you :)

Want to modify or custom changes on store hire me.
Shopify Developer | Email:pinkal.beladiya2911@gmail.com | Skype ID: live:f9802098aa87af33 | Skype Name: Pink@l Bel@diy@
0 Likes

Hello ,

If you want to align center the price in debut themw then add below css

.price {
justify-content: center !important;
}
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
17 0 1

Thanks for the quick reply, really appreciate!

 

However.. it doesn't seem to work and neither the solution below. 

 

The price is still left? 

 

Thanks for you help :)

Center price.JPGStore.JPG

 

 

0 Likes

Success.

Shopify Partner
45 13 9

Hi, Here is the correct css code you have to add to center price .

.grid-view-item.product-card .price {
align-items: center;
}
If helpful then please Like and Accept Solution.
Email: mijan.karim@yahoo.com
Skype: mijan.karim
0 Likes
Tourist
17 0 1

Wow thank you very much mijankarim!

 

Thanks to the persons that helped!

 

Have a great day!

0 Likes