Your cart - text alignment - Debut

Solved
Highlighted
Explorer
70 1 11

Hi All

I am using the debut theme for my shop. However, on the 'Your cart' page the table / text alignment is not correct.

Does anyone know how I can centre the text in the table?

hakamount_0-1598949512159.png

 

hakamount.co.uk    password = ceesti

0 Likes
Highlighted
Shopify Partner
2400 520 668

Hey @hakamount,

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

@media only screen and (min-width: 750px){
.cart__row td { text-align: center !important; }
}
.cart th { text-align: center !imporant; }
table { width: 100% !important; }

 

Hope this will work.

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 1 11

This is an accepted solution.

@dmwwebartisan i am getting this error

hakamount_0-1598957889365.png

 

0 Likes
Highlighted
Shopify Partner
2400 520 668

This is an accepted solution.

Hey @hakamount,

Sorry, try this.

@media only screen and (min-width: 750px){
.cart__row td { text-align: center !important; }
}
.cart th { text-align: center !important; }
table { width: 100% !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
0 Likes
Highlighted
Explorer
70 1 11

@dmwwebartisan thank you this worked!

1 Like
Highlighted
Explorer
70 1 11

@dmwwebartisan hi your solution has not broken one of the tables on my product page, do you know how to fix? The column is not wide enough in the middle

hakamount_0-1598972219474.png

 

0 Likes
Highlighted
Explorer
70 1 11

@dmwwebartisan hi i have also noticed it has broken the mobile view on add to cart page as below

hakamount_0-1598972513641.png

 

0 Likes
Highlighted
Explorer
70 1 11

@dmwwebartisan hey mate, i'm still facing this issue - any ideas?

using: @media only screen and (min-width: 750px){
.cart__row td { text-align: center !important; }
}
.cart th { text-align: center !important; }
table { width: auto !important; }

hakamount_0-1599769649077.png

 

website = hakamount.co.uk     password = ceesti

0 Likes