How to align product vendor, title and price to the middle on Featured Colletion section.(debut)

Solved
Highlighted
Explorer
70 0 9

How to align product vendor, title and price to the middle on Featured Colletion section. Aslo i want to align the prices horizontally, right now they are messed.

alingment.PNG

0 Likes

Hello @ ,
Please share your site URL.
So that I can check and let you know the exact solution here.

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
Explorer
70 0 9

Hey @oscprofessional i sent you a pm.

0 Likes
Highlighted
Shopify Partner
3207 705 851

This is an accepted solution.

@Juan786 

Please add this code at the bottom of your assets/theme.scss.liquid file

.template-index #shopify-section-collection .product-card { 
text-align: center;
}
.template-index #shopify-section-collection .price {
align-items: center !important;
}
If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Explorer
70 0 9

How to align the prices horizontally, right now they are messed.

0 Likes
Highlighted
Shopify Partner
3207 705 851

@Juan786 

Not understand please provide a screenshot if possible.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
70 0 9

alingment.PNG

0 Likes
Highlighted
Shopify Partner
3207 705 851

@Juan786 

Right now the following your featured collection on the home page. Everything is in the center not messed up.

Is this not correct ?

featured-collection.jpg

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Explorer
70 0 9

Right now it is ok, but if the title is longer then the prices wont align horizontally. I need to do the same thing that you helped me with on collection pages.

@media only screen and (min-width: 749px) {
.template-collection .product-card__title, .grid-view-item__title { height: 125px; }
}

Prices need to align horizontally on the featured collection section also.

alingment prices.PNG

 

Thanks!

 

0 Likes
Highlighted
Shopify Partner
3207 705 851

@Juan786 

Are you checking the home page?

Please let me know because I am checking on the home page but didn't get that case.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan