Solved

Product title & price central alignment - Motion theme

Otterlydifferen
Excursionist
16 0 4

Hi 

 

I'm using Motion theme for my store: Otterlydifferent.shop

Currently, all my products names & prices are left-aligned. I want to align them all Centrally.

I looked on multiple threats and tried to implement the guidelines but none of it works for me (or is it my theme ? )

 

thanks a lot for your help as I've been breaking my head on this for 2 hrs already..

WhatsApp Image 2021-01-31 at 00.06.13.jpegWhatsApp Image 2021-01-31 at 00.23.23.jpeg

Accepted Solutions (2)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Otterlydifferen 

Please add the following code at the bottom of your assets/theme.css file.

.grid-product__title, .grid-product__price{
text-align: center;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@Otterlydifferen 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.grid-product__meta {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Otterlydifferen 

Please add the following code at the bottom of your assets/theme.css file.

.grid-product__title, .grid-product__price{
text-align: center;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Otterlydifferen
Excursionist
16 0 4

thanks a lot!! this worked!

KetanKumar
Shopify Partner
36843 3636 11978

This is an accepted solution.

@Otterlydifferen 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.grid-product__meta {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing