Solved

centering a table on the product page | Brookyln Theme

sh5
Visitor
3 0 2

Hey shopify users and supporters,

 

I have a problem regarding a table on my product page (I am using the brooklyn theme)

You can look at my product page here: http://bit.ly/2WOBxRZ

If you scroll down a bit and use a desktop browser you will see that all the content is centered except the table.

I tried fixing it with the normal center button and tried it bit with html but didnt found anything to work.

Maybe it has something to do that I stretched the product page to being full screen instead of the normal left oriented product description that comes with the brooklyn theme.

 

Any help is highly appreactied.

Thanks in advance! 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@sh5 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.rte table {margin: 0px auto;}

 

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 6 (6)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@sh5 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.rte table {margin: 0px auto;}

 

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
sh5
Visitor
3 0 2

Yes it works. Thank you really much for your fast support!

KetanKumar
Shopify Partner
36839 3635 11972

@sh5 

Thanks for your feedback and support.

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
miraloclo
Tourist
11 0 1

Hi Ketan

Im having the same problem but using debut theme, are you able to help at all please?

https://miraloclo.com/pages/size-guide

Thanks in advance.

Stephen

KetanKumar
Shopify Partner
36839 3635 11972

@miraloclo 

sorry for that issue, please add this code

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

.rte table {
    table-layout: fixed;
    margin: 0px auto 27.5px;
}

 

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
Vestirsi
Shopify Partner
8 0 1

Hi there

Im having the same issue, i'm also trying to centre a table, but with the showcase theme.

I tried adding your code above in the first response, but it didn't work.

are you able to please assist?
thank you so much!